html 设置为10px

assets/a.scss

@@ -1,44 +1,78 @@
 @charset "utf-8";
 //font 
-$table:90px;
+$table:120px*0.5;
+$a    :0.5;
 
 body {
     // background    : yellow;
-    padding-bottom: $table;
+    padding-bottom   : $table;
+    padding          : 0 $a*20px;
 
     .table {
-        position: fixed;
-        bottom  : 0;
-        left    : 0;
-        width   : 100%;
-        height  : $table;
-        margin: 0;
+        position        : fixed;
+        bottom          : 0;
+        left            : 0;
+        width           : 100%;
+        height          : $table;
+        margin          : 0;
         background-color: #fff;
+
         ul {
-            width: 100%;
-            height : 100%;
-            li {
-                width  : 24%;
-                height : 100%;
-                display: inline-block;
-                text-align: center;
-                span{
-                    margin-top: 60px;
-                    display: inline-block;
-                }
+            width : 100%;
+            height: 100%;
+            li:nth-child(1) {
+                background-image: url(../static/img/ztb.png)  ;
             }
-            li:nth-child(1){
-                background: url(../static/img/ztb.png) no-repeat center 16px;
+
+            li:nth-child(2) {
+                background-image: url(../static/img/gc.png);
             }
-            li:nth-child(2){
-                background: url(../static/img/gc.png) no-repeat center 16px;
+
+            li:nth-child(3) {
+                background-image: url(../static/img/xm.png);
             }
-            li:nth-child(3){
-                background: url(../static/img/xm.png) no-repeat center 16px;
+
+            li:nth-child(4) {
+                background-image: url(../static/img/me.png);
             }
-            li:nth-child(4){
-                background: url(../static/img/me.png) no-repeat center 16px;
+
+            li {
+                width     : 24%;
+                height    : 100%;
+                display   : inline-block;
+                text-align: center;
+                background-size:30px !important;
+                background:no-repeat center top;
+                span {
+                    margin-top: 33px;
+                    display   : inline-block;
+                }
             }
+
+            
+        }
+
+    }
+
+    .search {
+        width  : 100%;
+        height : 44px;
+        padding: 7px;
+
+        input {
+            width        : 75%;
+            height       : $a*60px;
+            background   : rgba(240, 243, 245, 1);
+            border-radius: $a*30px;
+            border       : none;
+        }
+
+        span {
+            font-size  : 1.5rem;
+            font-family: PingFang-SC-Medium;
+            font-weight: 500;
+            color      : rgba(255, 92, 92, 1);
+            margin-left: 13px;
         }
 
     }
@@ -52,7 +86,7 @@ body {
 * {
     text-decoration: none;
     list-style     : none;
-    box-sizing: border-box;
+    box-sizing     : border-box;
 }
 
 $colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722

components/bidding.vue

@@ -0,0 +1,5 @@
+<template>
+ <div>
+     4245454554545
+ </div>
+</template>

layouts/default.vue

@@ -25,4 +25,7 @@ export default {
 </script>
 
 <style>
+html{
+  font-size: 10px;
+}
 </style>

pages/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <section class="container">
-    <div>
-      dddsdsd 
-      
+  <section>
+    <div class="search">
+     <input type="text" >
+      <span>我的订阅</span>
     </div>
   </section>
 </template>

pages/projectList.vue

@@ -2,8 +2,8 @@
   <section class="container">
   <div class="list-gcxm">
     <ul>
-    <li>
-      <gcxmItem />
+    <li class="">
+     
     </li>
   </ul>
   </div>
@@ -15,14 +15,8 @@
 <script>
 
 import '~/assets/a.scss'
-import gcxmItem from'~/components/gcxm.vue'
-
-
-
 export default {
-  components: {
-   'gcxmItem':gcxmItem,
-  }
+ 
 }
 </script>