Skip to content

A
Admin
Commit 7693dddb authored by 周远喜's avatar 周远喜
Browse files
Options

新创建

parent 42b80d5b
Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 110 deletions
layouts/default.vue
View file @ 7693dddb
<template> <template>
<div> <Layout class="layout">
<nuxt /> <Header>
</div> 这是头
</Header>
<Content>
<nuxt />
</Content>
</Layout>
</template> </template>
<script>
<style> export default {
html {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
} }
</script>
*, <style lang="less" >
*:before, .layout{
*:after { height: 100vh;
box-sizing: border-box;
margin: 0;
} }
</style>
.button--green { \ No newline at end of file
display: inline-block;
border-radius: 4px;
border: 1px solid #3b8070;
color: #3b8070;
text-decoration: none;
padding: 10px 30px;
}
.button--green:hover {
color: #fff;
background-color: #3b8070;
}
.button--grey {
display: inline-block;
border-radius: 4px;
border: 1px solid #35495e;
color: #35495e;
text-decoration: none;
padding: 10px 30px;
margin-left: 15px;
}
.button--grey:hover {
color: #fff;
background-color: #35495e;
}
</style>
pages/index.vue
View file @ 7693dddb
<template> <template>
<div class="container"> <div class="container">
<div> <div class="menu">33</div>
<logo /> <div class="main">
<h1 class="title"> <Table :columns="columns" :data="list"></Table>
admin </div>
</h1>
<h2 class="subtitle">
this is init project
</h2>
<div class="links">
<a
href="https://nuxtjs.org/"
target="_blank"
class="button--green"
>
Documentation
</a>
<a
href="https://github.com/nuxt/nuxt.js"
target="_blank"
class="button--grey"
>
GitHub
</a>
<Button type="primary">hello</Button>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import Logo from '~/components/Logo.vue'
export default { export default {
components: { data(){
Logo return {
columns:[
{
title:"序号",
type:"index"
},
{
title:"字段",
key:"name"
},
{
title:"名称",
key:"title"
},
{
title:"类型",
key:"type"
},
{
title:"长度",
key:"length"
},
{
title:"类别",
key:"length"
},
{
title:"类别",
key:"length"
},
{
title:"注释",
key:"note"
},
]
}
} }
} }
</script> </script>
<style lang="less"> <style lang="less">
.container { .container{
margin: 0 auto;
min-height: 100vh;
display: flex; display: flex;
justify-content: center; height: 100%;
align-items: center; .menu{
text-align: center; width: 300px;
.title{ border-right: 1px solid #ddd;
color: red; margin-right: 10px;
overflow: auto;
}
.main{
flex: 1;
overflow: auto;
} }
}
.title {
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
display: block;
font-weight: 300;
font-size: 100px;
color: #35495e;
letter-spacing: 1px;
}
.subtitle {
font-weight: 300;
font-size: 42px;
color: #526488;
word-spacing: 5px;
padding-bottom: 15px;
}
.links {
padding-top: 15px;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment