区市站点-样式修改

This commit is contained in:
851673013@qq.com 2022-06-16 12:06:11 +08:00
parent b7896bcfe3
commit 466c70e5d6
1 changed files with 16 additions and 13 deletions

View File

@ -46,17 +46,17 @@
<div class="item"> <div class="item">
<span>基础设施</span> <span>基础设施</span>
<i></i> <i></i>
<span>13000</span> <span>20135</span>
</div> </div>
<div class="item"> <div class="item">
<span>数据资源</span> <span>数据资源</span>
<i></i> <i></i>
<span>860</span> <span>857</span>
</div> </div>
<div class="item"> <div class="item">
<span>应用资源</span> <span>应用资源</span>
<i></i> <i></i>
<span>30</span> <span>28</span>
</div> </div>
</div> </div>
<div class="zx"></div> <div class="zx"></div>
@ -639,8 +639,8 @@
.box { .box {
position: absolute; position: absolute;
width: 3.18rem; width: 5.18rem;
height: 1.36rem; height: 2.26rem;
padding: 0.1rem 0.35rem 0; padding: 0.1rem 0.35rem 0;
background: url('~@/assets/home/box_bg.png') no-repeat; background: url('~@/assets/home/box_bg.png') no-repeat;
background-size: 100%; background-size: 100%;
@ -649,15 +649,16 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid rgba(161, 160, 161, 0.637); border-bottom: 1px solid rgba(161, 160, 161, 0.637);
font-size: 0.2rem;
span:nth-of-type(1) { span:nth-of-type(1) {
font-size: 0.18rem; font-size: 0.2rem;
} }
span:nth-of-type(2) { span:nth-of-type(2) {
cursor: pointer; cursor: pointer;
i { i {
display: inline-block; display: inline-block;
width: 0.1rem; width: 0.14rem;
height: 0.1rem; height: 0.14rem;
background: url('~@/assets/home/tz.png') no-repeat; background: url('~@/assets/home/tz.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
@ -667,6 +668,7 @@
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-top: 0.1rem; margin-top: 0.1rem;
font-size: 0.2rem;
.item { .item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -674,9 +676,9 @@
align-items: center; align-items: center;
i { i {
display: inline-block; display: inline-block;
width: 0.18rem; width: 0.28rem;
height: 0.18rem; height: 0.28rem;
margin: 0.02rem 0; margin: 0.05rem 0;
} }
} }
.item:nth-of-type(1) > i { .item:nth-of-type(1) > i {
@ -707,9 +709,10 @@
} }
} }
.xha { .xha {
top: 5.45rem; top: 5.05rem;
left: 3.5rem; left: 2.5rem;
background: url('~@/assets/home/box_bg2.png') no-repeat; background: url('~@/assets/home/box_bg2.png') no-repeat;
background-size: 100%;
.zx { .zx {
background: url('~@/assets/home/zx2.png') no-repeat; background: url('~@/assets/home/zx2.png') no-repeat;
top: -0.9rem; top: -0.9rem;