Permalink
Browse files

网站以Material为主题设计

  • Loading branch information...
1 parent 71b06ac commit 8fcdee06288174c665bc1b151bf23e856aaa4cdb @leenty committed Nov 13, 2016
View
@@ -21,11 +21,11 @@ Date.prototype.format = function(fmt) {
return fmt
}
-let spinner = ora('building and deploy at ${deployName}')
-spinner.start()
-
const deployName = new Date().format("yyyy-MM-dd hh:mm:ss")
+let spinner = ora(`building and deploy at ${deployName}`)
+spinner.start()
+
rm('-rf', ['.deploy/CNAME', '.deploy/index.html', '.deploy/static'])
cp('-R', ['dist/CNAME', 'dist/index.html', 'dist/static', '.deploy'])
cd('.deploy')
View
@@ -7,7 +7,7 @@ module.exports = {
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/vue2.0-demo/',
+ assetsPublicPath: '/',
productionSourceMap: true,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
@@ -1,2 +1,4 @@
body
- font-family -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif
+ font-family -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif
+ color c-text
+ background-color c-bgc
@@ -0,0 +1,5 @@
+.l-m--hCenter
+ margin 0 auto
+
+.l-ta--c
+ text-align center
@@ -1,4 +1,5 @@
@import './preinstall'
@import './global'
@import './layout'
+@import './utils'
@import './button'
@@ -0,0 +1,16 @@
+/*** link ***/
+.u-link
+ text-decoration none
+ color currentColor
+
+/*** clearfix ***/
+.u-clearfix:after,
+.u-clearfix:before
+ display table
+ content " "
+.u-clearfix:after
+ clear both
+
+/*** box-shadow ***/
+.u-boxShadow
+ box-shadow 0px 2px 5px 0px rgba(0,0,0,0.3)
@@ -0,0 +1,11 @@
+/*** size ***/
+max-width = 1000px
+
+/*** colors ***/
+// c-master = #6badf9
+c-master = #1abc9c
+c-lesser = #474747
+c-text = #34495e
+c-bgc = #edeef0
+
+c-ff = #fff
@@ -1,7 +1,7 @@
<template lang="pug">
.home
home-header
- h1 基于antd风格的vueUI组件
+ h1.l-ta--c Material Desgin
</template>
<script>
@@ -1,7 +1,8 @@
<template lang="pug">
- header
- router-link(to="/") home
- router-link(to="/article") article
+ header.header.u-clearfix
+ .header__menu.u-boxShadow
+ router-link(to="/").u-link home
+ router-link(to="/article").u-link article
</template>
<script>
@@ -14,4 +15,14 @@ export default {
</script>
<style lang="stylus">
+ @import '../../assets/stylus/preinstall'
+ .header
+ background-color c-master
+ height 160px
+ margin-bottom 60px
+ .header__menu
+ max-width max-width
+ background-color c-ff
+ margin 90px auto 0
+ height 120px
</style>

0 comments on commit 8fcdee0

Please sign in to comment.