feat: update home_ui

DreamStacks · Sep 20, 2019 · abab6eb · abab6eb
1 parent 134cc5d
commit abab6eb
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 11 deletions.
diff --git a/src/assets/rain_bg.png b/src/assets/rain_bg.png
diff --git a/src/layout/components/Footer.vue b/src/layout/components/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>footer</div>
+  <div />
 </template>
 <script>
 export default {

diff --git a/src/layout/components/Header.vue b/src/layout/components/Header.vue
@@ -45,7 +45,7 @@ export default {
   height: $height;
   display: flex;
   justify-content: space-between;
-  background-color: #333;
+  // background-color: #333;
   .ds-logo {
     padding: 5px;
     .ds-logo-img {

diff --git a/src/layout/index.vue b/src/layout/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="ds-layout">
+  <div>
     <ds-header />
     <ds-main />
     <ds-footer />
@@ -23,7 +23,5 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.ds-layout {
-  background-color: #333;
-}
+
 </style>
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -7,7 +7,8 @@ body {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-  background-color: #333;
+  // background-color: #333;
+  background-image: url(../assets/rain_bg.png);
 }
 
 label {

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
@@ -56,14 +56,14 @@ export default {
 <style lang="scss" scoped>
 @import '@/styles/mixin.scss';
 
-$bgColor: rgb(51, 51, 51);
+// $bgColor: rgba(51, 51, 51, 0.1);
 $fontColor1: rgb(56, 186, 238);
 $fontColor2: rgb(255, 240, 1);
-$poemColor: #bbb;
+$poemColor: #cccccc;
 
 .content {
   padding-top: 100px;
-  background: $bgColor;
+  // background: $bgColor;
   display: flex;
   flex-direction: column;
   align-items: center;

diff --git a/src/views/team/index.vue b/src/views/team/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>Team</div>
+  <div />
 </template>
 <script>
 export default {