样式修改

This commit is contained in:
kbing1981 2024-06-26 14:25:42 +08:00
parent db263cb08b
commit a2e98b6867
3 changed files with 45 additions and 40 deletions

View File

@ -187,7 +187,7 @@
</view> </view>
<radio-group name="openWay" style="margin-left: 45upx;" @tap='selectWay(item)'> <radio-group name="openWay" style="margin-left: 45upx;" @tap='selectWay(item)'>
<label class="tui-radio"> <label class="tui-radio">
<radio color="#096f4b" :checked="openWay === item.id ? true : false" /> <radio color="#029d88" :checked="openWay === item.id ? true : false" />
</label> </label>
</radio-group> </radio-group>
</view> </view>
@ -1320,7 +1320,7 @@
height: 66rpx; height: 66rpx;
padding: 10rpx 0; padding: 10rpx 0;
border-radius: 50%; border-radius: 50%;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #029d88, #2fc094);
text-align: center; text-align: center;
line-height: 66rpx; line-height: 66rpx;
} }
@ -1329,13 +1329,13 @@
} }
/deep/.u-button-pay{ /deep/.u-button-pay{
width: 381rpx; width: 381rpx;
height: 68rpx; height: 76rpx;
line-height: 68px; line-height: 76px;
text-align: center; text-align: center;
color: #fff; color: #fff;
font-size: 31rpx; font-size: 32rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #029d88, #2fc094);
border-radius: 34rpx; border-radius: 60rpx;
} }
.daizhifu{ .daizhifu{
font-size: 38rpx; font-size: 38rpx;
@ -1350,7 +1350,7 @@
justify-content: space-between !important; justify-content: space-between !important;
} }
.liliao{ .liliao{
margin-top: 10px; margin-top: 17px;
} }
.fuwu-time-view{ .fuwu-time-view{
text-align: right; text-align: right;
@ -1369,8 +1369,8 @@
} }
.fuwu-time-view span:nth-child(1),.liliao-bottom span:nth-child(1){ .fuwu-time-view span:nth-child(1),.liliao-bottom span:nth-child(1){
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 29rpx;
color: #666666; color: #888;
margin-right: 5px; margin-right: 5px;
} }
.fuwu-time-view,.liliao-top{ .fuwu-time-view,.liliao-top{
@ -1380,7 +1380,6 @@
align-items: center; align-items: center;
} }
.fuwu-title,.liliao-top span:nth-child(1){ .fuwu-title,.liliao-top span:nth-child(1){
font-weight: bold;
font-size: 29rpx; font-size: 29rpx;
color: #222222; color: #222222;
} }
@ -1395,9 +1394,8 @@
margin-top: 5px; margin-top: 5px;
} }
.adders-view span,.header-view-data{ .adders-view span,.header-view-data{
font-weight: 400;
font-size: 29rpx; font-size: 29rpx;
color: #666666; color: #888;
text-align: right; text-align: right;
} }
.adders-view{ .adders-view{
@ -1407,7 +1405,6 @@
} }
.header-view-text{ .header-view-text{
width: 170rpx; width: 170rpx;
font-weight: bold;
font-size: 29rpx; font-size: 29rpx;
color: #222222; color: #222222;
} }
@ -1489,8 +1486,8 @@
} }
.d-title{ .d-title{
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 29rpx;
color: #333333; color: #222;
padding: 10px 15px 0px 15px; padding: 10px 15px 0px 15px;
width: 100%; width: 100%;
} }
@ -1506,9 +1503,9 @@
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 24rpx;
color: #999999; color: #999999;
line-height: 38rpx; line-height: 42rpx;
} }
.list-pay{ .list-pay{
width: 100%; width: 100%;

View File

@ -39,8 +39,8 @@
</view> </view>
</view> </view>
<view class="header-bottom-foot"> <view class="header-bottom-foot">
<view class="header-bottom-foot-title">服务保障</view>
<view class="header-bottom-foot-cont"> <view class="header-bottom-foot-cont">
<view class="header-fubz">服务保障</view>
<view class="header-bottom-foot-view"> <view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image> <image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span> <span>未服务全额退款</span>
@ -64,11 +64,11 @@
</view> </view>
<view class="detail-foot-mian"> <view class="detail-foot-mian">
<view class="detail-foot-mian-top"> <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> <span class="detail-foot-mian-top-text">不限性别</span>
</view> </view>
<view class="detail-foot-mian-top-bottom"> <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"> <span class="detail-foot-mian-top-text">
{{getList.applyPeople}} {{getList.applyPeople}}
</span> </span>
@ -153,6 +153,11 @@
} }
</script> </script>
<style scoped> <style scoped>
.header-fubz{
font-size: 28rpx;
color: #039d88;
font-weight: bold;
}
.header-bottom-title-liao{ .header-bottom-title-liao{
display: inline-block; display: inline-block;
padding: 3px 7px; padding: 3px 7px;
@ -177,7 +182,7 @@
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 42rpx; font-size: 38rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.detail-foot-mian-txet span:nth-child(1){ .detail-foot-mian-txet span:nth-child(1){
@ -217,12 +222,13 @@
.detail-foot-mian-top-text{ .detail-foot-mian-top-text{
color: #777777; color: #777777;
width:83%; width:83%;
margin-left: 8px;
line-height: 20px;
} }
.detail-foot-mian-top,.detail-foot-mian-top-bottom{ .detail-foot-mian-top,.detail-foot-mian-top-bottom{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-weight: bold;
font-size: 22rpx; font-size: 22rpx;
} }
.header-bottom-title-bottom span{ .header-bottom-title-bottom span{
@ -258,7 +264,7 @@
border-radius: 6rpx; border-radius: 6rpx;
position: absolute; position: absolute;
bottom: 0; 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{ .detail-foot-nav-text{
font-weight: bold; font-weight: bold;
@ -270,14 +276,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
margin-bottom: 10px; margin-bottom: 17px;
} }
.detail-foot{ .detail-foot{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 15px 0px; padding: 15px 0px 0px 0px;
} }
.tese span:nth-child(1){ .tese span:nth-child(1){
@ -329,6 +335,7 @@
background-color: #fff; background-color: #fff;
border-radius: 21rpx; border-radius: 21rpx;
padding: 15px; padding: 15px;
margin-bottom: 10px;
} }
.jianjie{ .jianjie{
font-weight: 400; font-weight: 400;
@ -380,14 +387,14 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 5px; padding: 1px 12px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(8, 162, 138, 0.1); background-color: rgba(230, 246, 243, 1);
border-radius: 8px; border-radius: 15px;
font-weight: 400; font-weight: 400;
font-size: 8px; font-size: 10px;
color: #029D88; color: #08a28a;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
width:100%; width:100%;
@ -396,7 +403,7 @@
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-size: 23rpx; font-size: 23rpx;
color: #08A28A; color: #029d88;
margin-top: 5px; margin-top: 5px;
} }
.header-bottom-foot-cont{ .header-bottom-foot-cont{
@ -411,6 +418,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 20rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
font-weight: bold; font-weight: bold;

View File

@ -1259,7 +1259,7 @@ import permision from "@/components/permission.js";
} }
.liebiao{ .liebiao{
height: 100vh; height: 100vh;
margin-top: 55px; margin-top: 70px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -1268,7 +1268,7 @@ import permision from "@/components/permission.js";
top: 0rpx; top: 0rpx;
z-index: 999; z-index: 999;
width: 100%; 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-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
// background-position: center center; // background-position: center center;
// background-repeat: no-repeat; // background-repeat: no-repeat;
@ -1464,15 +1464,16 @@ import permision from "@/components/permission.js";
.touxiang-left-content-img{ .touxiang-left-content-img{
width: 202.08rpx; width: 202.08rpx;
height: 173px; height: 173px;
border-radius: 0 100rpx 20rpx 0rpx;
} }
.touxiang-left-view{ .touxiang-left-view{
width: 100%; width: 100%;
height: 173px; height: 173px;
border-radius: 14rpx; border-radius: 18rpx;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
background: #fff; background: #fff;
margin-bottom: 20px; margin-bottom: 12px;
padding-bottom: 10px; padding-bottom: 10px;
} }
.touxiang-left{ .touxiang-left{
@ -1485,7 +1486,7 @@ import permision from "@/components/permission.js";
} }
.list-view{ .list-view{
// margin-top: 52px; // margin-top: 52px;
padding: 0 20rpx; padding: 0 30rpx;
height: 100%; height: 100%;
justify-content: space-between; justify-content: space-between;
} }
@ -1514,7 +1515,6 @@ import permision from "@/components/permission.js";
.content{ .content{
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@ -1530,7 +1530,7 @@ import permision from "@/components/permission.js";
.localName{ .localName{
margin-left: 4rpx; margin-left: 4rpx;
font-weight: bold; font-weight: bold;
font-size: 33rpx; font-size: 28rpx;
color: #333333; color: #333333;
} }
.dingwei-img{ .dingwei-img{