diff --git a/css/index.css b/css/index.css index e69de29..9f177ee 100644 --- a/css/index.css +++ b/css/index.css @@ -0,0 +1 @@ +body{line-height:1.5;font-size:14px;color:var(--color-dark-1)}a{color:inherit;text-decoration:none}.app{width:100%;height:100vh}.flex{display:flex}.flex.column{flex-direction:column}.flex.ac{justify-content:center}.flex.alc{align-items:center}.flex.acc{justify-content:center;align-items:center}.flex.asc{justify-content:space-between;align-items:center}.wrapper{width:1024px}.topbar{width:100%;height:64px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.1)}.topbar .logo{font-size:24px;color:var(--color-red-1)}.topbar .logo span{font-size:14px}.topbar .navs{font-size:16px}.topbar .navs .nav{margin-left:32px;cursor:pointer;transition:color .2s linear}.topbar .navs .nav.active,.topbar .navs .nav:hover{text-decoration:underline;color:var(--color-red-1)}.main{flex:1}.main .table-info{width:100%;height:64px}.footer{width:100%;height:64px;border-top:1px solid var(--color-plain-1)} \ No newline at end of file diff --git a/css/index.scss b/css/index.scss index e69de29..a4205a4 100644 --- a/css/index.scss +++ b/css/index.scss @@ -0,0 +1,87 @@ +body { + line-height:1.5; + font-size:14px; + color:var(--color-dark-1); +} +a {color:inherit;text-decoration:none;} + +.app { + width:100%; + height:100vh; +} + +.flex { + display:flex; + + &.column { + flex-direction: column; + } + + &.ac { + justify-content:center; + } + + &.alc { + align-items:center; + } + + &.acc { + justify-content:center; + align-items:center; + } + + &.asc { + justify-content:space-between; + align-items:center; + } +} + +.wrapper { + width:1024px; +} + +.topbar { + width:100%; + height:64px; + background:#fff; + box-shadow:0 6px 16px rgba(0, 0, 0, .1); + + .logo { + font-size:24px; + color:var(--color-red-1); + + span { + font-size:14px; + } + } + + .navs { + font-size:16px; + + .nav { + margin-left:32px; + cursor:pointer; + transition:color .2s linear; + + &.active,&:hover { + text-decoration:underline; + color:var(--color-red-1); + } + } + } +} + +.main { + flex:1; + + .table-info { + width:100%; + height:64px; + } +} + +.footer { + width:100%; + height:64px; + border-top:1px solid var(--color-plain-1); +} \ No newline at end of file diff --git a/index.html b/index.html index 11cac84..06c32d0 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,48 @@ + +
+
+
+ + + +
+
+ +
+ +
+
+ 现在单字65535个, 词组16777216个! +
+ + + +
+ +
+ + + +
+ + + \ No newline at end of file