样式修改
This commit is contained in:
parent
db263cb08b
commit
a2e98b6867
|
|
@ -187,7 +187,7 @@
|
|||
</view>
|
||||
<radio-group name="openWay" style="margin-left: 45upx;" @tap='selectWay(item)'>
|
||||
<label class="tui-radio">
|
||||
<radio color="#096f4b" :checked="openWay === item.id ? true : false" />
|
||||
<radio color="#029d88" :checked="openWay === item.id ? true : false" />
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
|
|
@ -1320,7 +1320,7 @@
|
|||
height: 66rpx;
|
||||
padding: 10rpx 0;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
background: linear-gradient(90deg, #029d88, #2fc094);
|
||||
text-align: center;
|
||||
line-height: 66rpx;
|
||||
}
|
||||
|
|
@ -1329,13 +1329,13 @@
|
|||
}
|
||||
/deep/.u-button-pay{
|
||||
width: 381rpx;
|
||||
height: 68rpx;
|
||||
line-height: 68px;
|
||||
height: 76rpx;
|
||||
line-height: 76px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 31rpx;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
border-radius: 34rpx;
|
||||
font-size: 32rpx;
|
||||
background: linear-gradient(90deg, #029d88, #2fc094);
|
||||
border-radius: 60rpx;
|
||||
}
|
||||
.daizhifu{
|
||||
font-size: 38rpx;
|
||||
|
|
@ -1350,7 +1350,7 @@
|
|||
justify-content: space-between !important;
|
||||
}
|
||||
.liliao{
|
||||
margin-top: 10px;
|
||||
margin-top: 17px;
|
||||
}
|
||||
.fuwu-time-view{
|
||||
text-align: right;
|
||||
|
|
@ -1369,8 +1369,8 @@
|
|||
}
|
||||
.fuwu-time-view span:nth-child(1),.liliao-bottom span:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #666666;
|
||||
font-size: 29rpx;
|
||||
color: #888;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.fuwu-time-view,.liliao-top{
|
||||
|
|
@ -1380,7 +1380,6 @@
|
|||
align-items: center;
|
||||
}
|
||||
.fuwu-title,.liliao-top span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 29rpx;
|
||||
color: #222222;
|
||||
}
|
||||
|
|
@ -1395,9 +1394,8 @@
|
|||
margin-top: 5px;
|
||||
}
|
||||
.adders-view span,.header-view-data{
|
||||
font-weight: 400;
|
||||
font-size: 29rpx;
|
||||
color: #666666;
|
||||
color: #888;
|
||||
text-align: right;
|
||||
}
|
||||
.adders-view{
|
||||
|
|
@ -1407,7 +1405,6 @@
|
|||
}
|
||||
.header-view-text{
|
||||
width: 170rpx;
|
||||
font-weight: bold;
|
||||
font-size: 29rpx;
|
||||
color: #222222;
|
||||
}
|
||||
|
|
@ -1489,8 +1486,8 @@
|
|||
}
|
||||
.d-title{
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #333333;
|
||||
font-size: 29rpx;
|
||||
color: #222;
|
||||
padding: 10px 15px 0px 15px;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -1506,9 +1503,9 @@
|
|||
flex-direction: column;
|
||||
width: 100%;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
line-height: 38rpx;
|
||||
line-height: 42rpx;
|
||||
}
|
||||
.list-pay{
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -39,8 +39,8 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="header-bottom-foot">
|
||||
<view class="header-bottom-foot-title">服务保障</view>
|
||||
<view class="header-bottom-foot-cont">
|
||||
<view class="header-fubz">服务保障</view>
|
||||
<view class="header-bottom-foot-view">
|
||||
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
||||
<span>未服务全额退款</span>
|
||||
|
|
@ -64,11 +64,11 @@
|
|||
</view>
|
||||
<view class="detail-foot-mian">
|
||||
<view class="detail-foot-mian-top">
|
||||
<span class="detail-foot-mian-top-title">性别限制: </span>
|
||||
<span class="detail-foot-mian-top-title header-bold">性别限制: </span>
|
||||
<span class="detail-foot-mian-top-text">不限性别</span>
|
||||
</view>
|
||||
<view class="detail-foot-mian-top-bottom">
|
||||
<span class="detail-foot-mian-top-title">适应人群: </span>
|
||||
<span class="detail-foot-mian-top-title header-bold">适应人群: </span>
|
||||
<span class="detail-foot-mian-top-text">
|
||||
{{getList.applyPeople}}
|
||||
</span>
|
||||
|
|
@ -153,6 +153,11 @@
|
|||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.header-fubz{
|
||||
font-size: 28rpx;
|
||||
color: #039d88;
|
||||
font-weight: bold;
|
||||
}
|
||||
.header-bottom-title-liao{
|
||||
display: inline-block;
|
||||
padding: 3px 7px;
|
||||
|
|
@ -177,9 +182,9 @@
|
|||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 42rpx;
|
||||
font-size: 38rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
.detail-foot-mian-txet span:nth-child(1){
|
||||
color: #777777;
|
||||
font-size: 12px;
|
||||
|
|
@ -217,12 +222,13 @@
|
|||
.detail-foot-mian-top-text{
|
||||
color: #777777;
|
||||
width:83%;
|
||||
margin-left: 8px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.detail-foot-mian-top,.detail-foot-mian-top-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
.header-bottom-title-bottom span{
|
||||
|
|
@ -258,7 +264,7 @@
|
|||
border-radius: 6rpx;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
|
||||
background: linear-gradient(90deg,rgba(55, 182, 157,0.7),rgba(132, 211, 196,0.7));
|
||||
}
|
||||
.detail-foot-nav-text{
|
||||
font-weight: bold;
|
||||
|
|
@ -270,14 +276,14 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
.detail-foot{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 15px 0px;
|
||||
padding: 15px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.tese span:nth-child(1){
|
||||
|
|
@ -329,6 +335,7 @@
|
|||
background-color: #fff;
|
||||
border-radius: 21rpx;
|
||||
padding: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -380,14 +387,14 @@
|
|||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 5px;
|
||||
padding: 1px 12px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
background-color: rgba(8, 162, 138, 0.1);
|
||||
border-radius: 8px;
|
||||
background-color: rgba(230, 246, 243, 1);
|
||||
border-radius: 15px;
|
||||
font-weight: 400;
|
||||
font-size: 8px;
|
||||
color: #029D88;
|
||||
font-size: 10px;
|
||||
color: #08a28a;
|
||||
}
|
||||
.header-bottom-foot-title{
|
||||
width:100%;
|
||||
|
|
@ -396,7 +403,7 @@
|
|||
text-align: left;
|
||||
font-weight: 600;
|
||||
font-size: 23rpx;
|
||||
color: #08A28A;
|
||||
color: #029d88;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.header-bottom-foot-cont{
|
||||
|
|
@ -411,6 +418,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.header-bottom-money-jia{
|
||||
font-weight: bold;
|
||||
|
|
|
|||
|
|
@ -1259,7 +1259,7 @@ import permision from "@/components/permission.js";
|
|||
}
|
||||
.liebiao{
|
||||
height: 100vh;
|
||||
margin-top: 55px;
|
||||
margin-top: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -1268,7 +1268,7 @@ import permision from "@/components/permission.js";
|
|||
top: 0rpx;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
background-image: url('../../static/topimg.png');
|
||||
background: #fff;
|
||||
// background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
|
||||
// background-position: center center;
|
||||
// background-repeat: no-repeat;
|
||||
|
|
@ -1464,15 +1464,16 @@ import permision from "@/components/permission.js";
|
|||
.touxiang-left-content-img{
|
||||
width: 202.08rpx;
|
||||
height: 173px;
|
||||
border-radius: 0 100rpx 20rpx 0rpx;
|
||||
}
|
||||
.touxiang-left-view{
|
||||
width: 100%;
|
||||
height: 173px;
|
||||
border-radius: 14rpx;
|
||||
border-radius: 18rpx;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
background: #fff;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.touxiang-left{
|
||||
|
|
@ -1485,7 +1486,7 @@ import permision from "@/components/permission.js";
|
|||
}
|
||||
.list-view{
|
||||
// margin-top: 52px;
|
||||
padding: 0 20rpx;
|
||||
padding: 0 30rpx;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
@ -1514,7 +1515,6 @@ import permision from "@/components/permission.js";
|
|||
.content{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
|
@ -1530,7 +1530,7 @@ import permision from "@/components/permission.js";
|
|||
.localName{
|
||||
margin-left: 4rpx;
|
||||
font-weight: bold;
|
||||
font-size: 33rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.dingwei-img{
|
||||
|
|
|
|||
Loading…
Reference in New Issue