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 | 77 +++++++++++++++++++-------------------
1 files changed, 39 insertions(+), 38 deletions(-)
diff --git a/src/pages/show/index/index.vue b/src/pages/show/index/index.vue
index e8375c5..3b3ec57 100644
--- a/src/pages/show/index/index.vue
+++ b/src/pages/show/index/index.vue
@@ -4,7 +4,7 @@
<div class="yanglao-block">
<img src="../../../assets/images/yanglao-icon1.png" alt="">
<h1>鍩庨晣鑱屽伐鍏昏�佷繚闄╁弬淇濅汉鏁�</h1>
- <h2><font class="bigger">277.8</font>涓囦汉</h2>
+ <h2><font class="bigger">277.7</font>涓囦汉</h2>
</div>
<div class="yanglao-block">
<img src="../../../assets/images/yanglao-icon2.png" alt="">
@@ -742,26 +742,26 @@
.index-wrap{
width: 100%;
height: 100%;
- padding: 0 2rem /* 10/10 */;
+ padding: 0 0.078125rem /* 20/256 */;
box-sizing: border-box;
.index-line-box{
width: 100%;
display: flex;
- margin-top: 3.2rem;
+ margin-top: 0.125rem /* 32/256 */;
.yanglao-block{
- 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;
flex-direction: column;
align-items: center;
justify-content: center;
- margin: 0 2rem;
+ margin: 0 0.078125rem /* 20/256 */;
position: relative;
img{
- width: 8rem;
- height: 8rem;
+ width: 0.3125rem /* 80/256 */;
+ height: 0.3125rem /* 80/256 */;
}
h1{
color: #fff;
@@ -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