Explorar el Código

首页UI细节调整

fuwei hace 5 años
padre
commit
4127896b54
Se han modificado 1 ficheros con 14 adiciones y 10 borrados
  1. 14 10
      ghs/src/admin/home/workbench.vue

+ 14 - 10
ghs/src/admin/home/workbench.vue

@@ -5,7 +5,7 @@
       <div class="user-top">
         <div class="app-size-28">今日概况</div>
         <view class="open-bt_bx">
-            <view class="">
+            <view style="margin-right:8px;">
                 <i class="iconfont iconfenxiang"></i>
                 商城分享
             </view>
@@ -388,14 +388,14 @@ export default {
 }
 // 用户信息
 .user-wrap {
-  padding: 20px 40px 40px 30px;
+  padding: 20px 30px 34px 30px;
   color: #fff;
   text-align: center;
   background-image: url("../../static/images/admin/bg.png");
   background-size: 100% 380px;
   background-repeat: no-repeat;
   .user-top {
-    // padding-top: 20px;
+
     @include disFlex(center, space-between);
     .open-bt_bx {
       display: flex;
@@ -403,22 +403,25 @@ export default {
       & > view {
         border: 1px solid #FFFFFF;
         border-radius: 22px;
-        padding: 10px 17px;
+        padding: 0px 17px;
+        height: 44px;
+        line-height: 44px;
         font-size: 24px;
         font-family: PingFang SC;
         font-weight: 400;
         color: #FFFFFF;
-        margin: 0 10px;
+        // margin: 0 10px;
+       
         & > .iconfont {
-          font-size: 26px;
+          font-size: 25px;
           padding-right: 10px;
         }
       }
     }
   }
   .income-amount {
-    margin-top: 39px;
-    margin-bottom: 40px;
+    margin-top: 36px;
+    margin-bottom: 37px;
     .price {
       font-size: 50px;
       font-weight: bold;
@@ -485,7 +488,7 @@ export default {
     .total-list {
       width: 33%;
       text-align: center;
-      padding-bottom: 54px;
+      margin:20px 0px;
       border-right: 1px solid $borderColor;
       .list-num {
         margin-bottom: 8px;
@@ -508,7 +511,7 @@ export default {
 }
 // tabs
 .tabs-wrap {
-  padding: 40px 10px;
+  padding: 20px 10px;
   @include disFlex(center, flex-start);
   flex-wrap: wrap;
   .tabs-list {
@@ -525,6 +528,7 @@ export default {
     }
     .tabs-name {
       color: $fontColor2;
+      margin-top: 10px;
     }
     &:nth-child(-n + 4) {
       margin-top: 0;