书架

src/assets/less/shelf.less

@@ -3,33 +3,33 @@
   flex-direction: column;
   height: 100%;
   .shelf_title {
-    height: 112px;
-    background-color: #fff;
+    height: 143px;
+    background-color: #61A9C0;
     text {
       padding: 0 30px;
       font-size: 36px;
       font-weight: bold;
-      color: #000000;
+      color: #fff;
+      padding-bottom: 50px;
     }
+   
   }
   .shelf {
-    margin-top: 30px;
+    margin-top: -20px;
     flex-direction: column;
     background-color: #f7f7f7;
-    width: 100%;
+    border-radius: 20px ;
     height: 100%;
+    
     .shelf-wrap-top {
       height: 200px;
       background: -webkit-linear-gradient(#ed591e, #f5f5f5);
     }
     .shelf-wrap {
-      background-color: white;
-      border-radius: 20px;
-      // border-top: 36px solid #f7f7f7;
-      width: 95%;
+      border-radius: 20px 20px 0px 0px;
+      background-color: #fff;
       margin: 0 auto;
       flex-direction: column;
-
       .type-bar {
         background-color: #fff;
         padding: 20px;
@@ -106,16 +106,17 @@
         justify-content: space-between;
         align-items: center;
         .complete-btn {
-          width: 80px;
-          height: 35px;
+          width: 110px;
+          height: 50px;
+          border-radius: 44px;
           background-color: #fff;
-          border-radius: 20px;
+          // border-radius: 20px;
           align-items: center;
           text-align: center;
-          color: #ef5952;
+          color: #fff;
           font-size: 25px;
-          border: 1px solid #ef5952;
-          background-color: #fff;
+          // border: 1px solid #ef5952;
+          background-color: #61A9C0;
           margin-bottom: 20px;
         }
         .administration-btn {
@@ -125,9 +126,9 @@
           border-radius: 20px;
           align-items: center;
           text-align: center;
-          color: #ef5952;
+          color: #333;
           font-size: 25px;
-          border: 1px solid #ef5952;
+          // border: 1px solid #ef5952;
           margin-bottom: 20px;
         }
         text {
@@ -137,11 +138,12 @@
         }
 
         .manager {
-          border: 2px solid #ef5952;
+          // border: 2px solid #ef5952;
           border-radius: 6px;
-          background-color: #fff;
+          background-color: #61A9C0;
           font-size: 26px;
-          color: #ef5952;
+          color: #fff;
+          line-height: 37px;
           width: 88px;
           height: 38px;
           text-align: center;

src/views/Index/index.ux

@@ -185,7 +185,7 @@ export default {
     this.back_alert = sign_out_app_show
     this.getCoustom()
     this.getUser()
-    //  this.current = 2;
+     this.current = 0;
   },
   goActicity() {
     router.push({