From b0e391f5488aead9e56dc725b69cd81ba36f917d Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期三, 13 四月 2022 10:14:48 +0800
Subject: [PATCH] 社保卡征集收入及社保卡持卡人数页面

---
 src/pages/show/index/index.vue |   61 +++++++++++++++---------------
 1 files changed, 31 insertions(+), 30 deletions(-)

diff --git a/src/pages/show/index/index.vue b/src/pages/show/index/index.vue
index e2033e3..3b3ec57 100644
--- a/src/pages/show/index/index.vue
+++ b/src/pages/show/index/index.vue
@@ -817,7 +817,7 @@
         .yanglao-block-inside2{
           width: 100%;
           display: flex;
-          margin-top: 1rem;
+          margin-top: 0.0390625rem  /* 10/256 */;
           .inside-left2{
             flex: 1;
             display: flex;
@@ -827,7 +827,7 @@
               display: flex;
               justify-content: center;
               .rightMargin{
-                margin-right: 1rem;
+                margin-right: 0.0390625rem  /* 10/256 */;
                 color: #fff;
                 font-size: $fontSize-20;
                 line-height: 1.3;
@@ -841,15 +841,15 @@
         }
       }
       .yanglao-block2{
-        width: 59rem  /* 590/10 */;
-        height: 23rem  /* 230/10 */;
+        width: 2.3046875rem  /* 590/256 */;
+        height: 0.8984375rem  /* 230/256 */;
         background:url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
         background-size: 100% 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
-        margin: 0 2rem;
+        margin: 0 0.078125rem  /* 20/256 */;
         .yaolao-box{
           flex: 1;
           display: flex;
@@ -857,12 +857,12 @@
           justify-content: center;
           align-items: center;
           &:first-child{
-            margin-left: 2rem;
+            margin-left: 0.078125rem  /* 20/256 */;
           }
         }
         img{
-          width: 8rem;
-          height: 8rem;
+          width: 0.3125rem  /* 80/256 */;
+          height: 0.3125rem  /* 80/256 */;
         }
         h1{
           color: #fff;
@@ -882,12 +882,12 @@
       }
       .fu-biaoti{
         position: absolute;
-        left:0.2rem;
-        top:3rem;
+        left:0.0078125rem  /* 2/256 */;
+        top:0.1171875rem  /* 30/256 */;
         background:url("../../../assets/images/fubiaoti-bj.png") no-repeat center;
         background-size: 100% 100%;
-        width: 3.2rem  /* 32/10 */;
-        height: 16.7rem  /* 167/10 */;
+        width: 0.125rem  /* 32/256 */;
+        height:0.65234375rem  /* 167/256 */;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -900,18 +900,18 @@
     }
     .index-line-box2{
       display: flex;
-      margin-top: 3.2rem;
+      margin-top: 0.125rem  /* 32/256 */;
       .shu-ju-box{
-        width: 122rem  /* 1220/10 */;
-        height: 41rem;
+        width: 4.765625rem  /* 1220/256 */;
+        height: 1.6015625rem  /* 410/256 */;
         background: url("../../../assets/images/yanglao-block-big-bj.png") no-repeat center;
         background-size: 100% 100%;
         position: relative;
-        margin: 0 2rem;
+        margin: 0 0.078125rem  /* 20/256 */;
         display: flex;
         .shuju-title-box{
           position: absolute;
-          left: 10rem;
+          left: 0.390625rem  /* 100/256 */;
           top: 0;
           h1{
             font-size: $fontSize-32;
@@ -921,22 +921,22 @@
               content: '';
               background: url("../../../assets/images/zhuangshi.png") no-repeat center;
               background-size: 100% 100%;
-              width: 13.5rem;
-              height: 1.6rem;
+              width: 0.52734375rem  /* 135/256 */;
+              height: 0.0625rem  /* 16/256 */;
               position: absolute;
-              left: 20rem;
-              top: 1.2rem  /* 12/10 */;
+              left: 0.78125rem  /* 200/256 */;
+              top: 0.046875rem  /* 12/256 */;
             }
           }
         }
         .shuju-main-box{
           width: 100%;
-          padding: 6rem 3rem;
+          padding: 0.234375rem  /* 60/256 */ 0.1171875rem  /* 30/256 */;
           box-sizing: border-box;
           display: flex;
           .shuju-table{
-            width: 80.2rem;
-            height: 31rem;
+            width: 3.1328125rem  /* 802/256 */;
+            height: 1.2109375rem  /* 310/256 */;
           }
         }
         .shuju-table{
@@ -947,7 +947,7 @@
             width: 100%;
             display: flex;
             .biao-title{
-              width: 34rem;
+              width: 1.328125rem  /* 340/256 */;
             }
             .title-flex{
               width: 100%;
@@ -964,12 +964,13 @@
 
           }
           .shuju-scroll{
-            @include overflow-y(28rem)
+            max-height: 1.09375rem  /* 280/256 */;
+            @include overflow-y()
           }
           .shuju-table-line2{
             width: 100%;
             display: flex;
-            padding: 1rem 0;
+            padding: 0.0390625rem  /* 10/256 */ 0;
             &:nth-child(odd) {
               background: rgba(81,210,255,0.10);
             }
@@ -990,7 +991,7 @@
               display: flex;
             }
             .biao-title{
-              width: 34rem;
+              width: 1.328125rem  /* 340/256 */;
               h1{
                 font-size: $fontSize-26;
                 color: $color-white;
@@ -1007,8 +1008,8 @@
           }
         }
         .shuju-echarts{
-          width: 35rem  /* 168/10 */;
-          height: 31rem;
+          width: 1.3671875rem  /* 350/256 */;
+          height: 1.2109375rem  /* 310/256 */;
         }
       }
     }

--
Gitblit v1.9.1