添加手机端
This commit is contained in:
范强强
@@ -11,52 +11,141 @@
|
||||
<div class="content-box-text">
|
||||
法规认证流程数据
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
<div class="regulatory-box">
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布dasfkj hdskjf hgkjdhfgdfkjghdfkjgdfhgkdfjghdfkjgdfhgkjdfdhfk
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
|
||||
<div class="parameter" v-else-if="activeTab == 'parametercollection'">
|
||||
<div class="content-box-text">
|
||||
认证参数收集数据
|
||||
</div>
|
||||
<div class="parame-box">
|
||||
<div class="parame-box-top">
|
||||
<span class="parame-box-top-text-left">相关项目：</span>
|
||||
<span class="parame-box-top-text-right">Orion-G1.1-英国-00</span>
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
<div class="parame-box-top">
|
||||
<span class="parame-box-top-text-left">清单标题：</span>
|
||||
<span class="parame-box-top-text-right">认证参数收集模板</span>
|
||||
</div>
|
||||
<div class="parame-box-top">
|
||||
<span class="parame-box-top-text-left">版本号：</span>
|
||||
<span class="parame-box-top-text-right">03</span>
|
||||
</div>
|
||||
<div class="parame-box-bottom">
|
||||
<div class="parame-box-bottom-box">
|
||||
<div class="parame-box-bottom-box-text-top">
|
||||
待填写
|
||||
</div>
|
||||
<div class="parame-box-bottom-box-text-num">
|
||||
15
|
||||
</div>
|
||||
</div>
|
||||
<div class="parame-box-bottom-box">
|
||||
<div class="parame-box-bottom-box-text-top">
|
||||
待分配填写人
|
||||
</div>
|
||||
<div class="parame-box-bottom-box-text-num">
|
||||
15
|
||||
</div>
|
||||
</div>
|
||||
<div class="parame-box-bottom-box">
|
||||
<div class="parame-box-bottom-box-text-top">
|
||||
参数待发起
|
||||
</div>
|
||||
<div class="parame-box-bottom-box-text-num">
|
||||
15
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
|
||||
<div class="parame-box">
|
||||
<div class="parame-box-top">
|
||||
<span class="parame-box-top-text-left">相关项目：</span>
|
||||
<span class="parame-box-top-text-right">Orion-G1.1-英国-00</span>
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
<div class="parame-box-top">
|
||||
<span class="parame-box-top-text-left">清单标题：</span>
|
||||
<span class="parame-box-top-text-right">认证参数收集模板</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
<div class="parame-box-top">
|
||||
<span class="parame-box-top-text-left">版本号：</span>
|
||||
<span class="parame-box-top-text-right">03</span>
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box-data">
|
||||
<div class="content-box-data-text">
|
||||
法规清单发布
|
||||
</div>
|
||||
<div class="content-box-data-num">
|
||||
24
|
||||
<div class="parame-box-bottom">
|
||||
<div class="parame-box-bottom-box">
|
||||
<div class="parame-box-bottom-box-text-top">
|
||||
待填写
|
||||
</div>
|
||||
<div class="parame-box-bottom-box-text-num">
|
||||
15
|
||||
</div>
|
||||
</div>
|
||||
<div class="parame-box-bottom-box">
|
||||
<div class="parame-box-bottom-box-text-top">
|
||||
待分配填写人
|
||||
</div>
|
||||
<div class="parame-box-bottom-box-text-num">
|
||||
15
|
||||
</div>
|
||||
</div>
|
||||
<div class="parame-box-bottom-box">
|
||||
<div class="parame-box-bottom-box-text-top">
|
||||
参数待发起
|
||||
</div>
|
||||
<div class="parame-box-bottom-box-text-num">
|
||||
15
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -106,7 +195,7 @@
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 0.18rem;
|
||||
padding-top: 0.18rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -135,7 +224,19 @@
|
||||
background: #fff;
|
||||
box-shadow: 0.1rem 0.1rem 0.16rem 0 rgba(54, 61, 84, 0.05);
|
||||
border-radius: 0.2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.parameter {
|
||||
padding: 0.36rem;
|
||||
background: #fff;
|
||||
box-shadow: 0.1rem 0.1rem 0.16rem 0 rgba(54, 61, 84, 0.05);
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.regulatory-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
::v-deep .van-tabs {
|
||||
@@ -151,7 +252,7 @@
|
||||
.content-box-text {
|
||||
font-size: 0.4rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
margin-bottom: 0.4rem;
|
||||
margin-top: 0.2rem;
|
||||
@@ -168,7 +269,7 @@
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.content-box-data:nth-child(odd) {
|
||||
.content-box-data:nth-child(even) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@@ -177,12 +278,81 @@
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #41475E;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.content-box-data-num {
|
||||
font-size: 0.42rem;
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
color: #01A0AC;
|
||||
margin-top: 0.12rem;
|
||||
}
|
||||
|
||||
.parame-box {
|
||||
padding: 0.36rem;
|
||||
box-sizing: border-box;
|
||||
background: #F7F8FA;
|
||||
border-radius: 0.2rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.parame-box:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.parame-box-top {
|
||||
display: flex;
|
||||
margin-bottom: 0.12rem;
|
||||
}
|
||||
|
||||
.parame-box-top-text-left {
|
||||
font-size: 0.36rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #868A9A;
|
||||
display: inline-block;
|
||||
margin-right: 0.12rem;
|
||||
flex: 1;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.parame-box-top-text-right {
|
||||
font-size: 0.36rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #040B29;
|
||||
flex: 3;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.parame-box-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.18rem;
|
||||
}
|
||||
|
||||
.parame-box-bottom-box {
|
||||
width: calc(33% - 0.16rem);
|
||||
background: #fff;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 0.26rem 0.16rem;
|
||||
box-sizing: border-box;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.parame-box-bottom-box-text-top {
|
||||
font-size: 0.32rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #595E72;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.parame-box-bottom-box-text-num {
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #01A0AC;
|
||||
margin-top: 0.12rem;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user