This commit is contained in:
Mr.jiang 2024-06-26 14:26:44 +08:00
commit b23e5ef90f
11 changed files with 98 additions and 87 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>
@ -1318,7 +1318,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;
} }
@ -1327,13 +1327,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;
@ -1348,7 +1348,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;
@ -1367,8 +1367,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{
@ -1378,7 +1378,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;
} }
@ -1393,9 +1392,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{
@ -1405,7 +1403,6 @@
} }
.header-view-text{ .header-view-text{
width: 170rpx; width: 170rpx;
font-weight: bold;
font-size: 29rpx; font-size: 29rpx;
color: #222222; color: #222222;
} }
@ -1487,8 +1484,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%;
} }
@ -1504,9 +1501,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

@ -51,7 +51,7 @@
</view> </view>
<view class="star-technician width"> <view class="star-technician width">
<view class="star-technician-mian"> <view class="star-technician-mian">
<liu-goods-swiper :goodsList="starTechnician" :imgWidth="160" :imgHeight="170" @clickItem="chooseItem" @cancellable='false'></liu-goods-swiper> <liu-goods-swiper :goodsList="starTechnician" :imgWidth="160" :imgHeight="180" @clickItem="chooseItem" @cancellable='false'></liu-goods-swiper>
</view> </view>
</view> </view>
<view class="index-project width"> <view class="index-project width">
@ -1081,7 +1081,7 @@
} }
.menu-topic-text { .menu-topic-text {
font-size: 32rpx; font-size: 28rpx;
color: #676767; color: #676767;
padding: 10rpx 40rpx; padding: 10rpx 40rpx;
font-weight: 500; font-weight: 500;
@ -1138,21 +1138,21 @@
.index-card-mian-biao-left,.index-card-mian-biao-right{ .index-card-mian-biao-left,.index-card-mian-biao-right{
padding: 4px 6px; padding: 3px 5px;
} }
.index-card-mian-biao-right{ .index-card-mian-biao-right{
background-color:rgba(4, 184, 119, 0.12); background-color:rgba(4, 184, 119, 0.12);
border-radius: 5rpx; border-radius: 8rpx;
font-weight: 400; font-weight: 400;
font-size: 18rpx; font-size: 20rpx;
color: #0EBE80; color: #0EBE80;
margin-left: 10px; margin-left: 10px;
} }
.index-card-mian-biao-left{ .index-card-mian-biao-left{
background-color:rgba(253, 197, 128, 0.2); background-color:rgba(253, 197, 128, 0.2);
border-radius: 5rpx; border-radius: 8rpx;
font-weight: 400; font-weight: 400;
font-size: 18rpx; font-size: 20rpx;
color: #FFA12D; color: #FFA12D;
} }
.index-card-mian-biao{ .index-card-mian-biao{
@ -1286,11 +1286,15 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 20rpx;
} }
.index-taocan{ .index-taocan{
margin: 15px auto 0px auto; padding: 0 30rpx;
width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: linear-gradient(180deg,rgba(238, 250, 246,0.6),rgba(255, 255, 255,0.9));
margin-top: 20rpx;
} }
.index-fujin-jie-id{ .index-fujin-jie-id{
height: 30rpx; height: 30rpx;
@ -1308,8 +1312,7 @@
} }
.index-fujin-jie-name{ .index-fujin-jie-name{
margin-bottom: 5px; margin-bottom: 5px;
font-weight: bold; font-size: 26rpx;
font-size: 28rpx;
color: #333333; color: #333333;
} }
.index-fujin{ .index-fujin{
@ -1356,7 +1359,7 @@
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
background: linear-gradient(4deg,rgba(0, 156, 136,0.6),rgba(0, 156, 136, 0)); background: linear-gradient(4deg,rgba(0, 156, 136,0.3),rgba(0, 156, 136, 0));
border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px;
position: absolute; position: absolute;
bottom:1px; bottom:1px;

View File

@ -9,7 +9,7 @@
<view class="header-bottom-top"> <view class="header-bottom-top">
<view class="header-bottom-title"> <view class="header-bottom-title">
<view class="header-bottom-title-text"> <view class="header-bottom-title-text">
<span>{{getList.title}}</span> <span class="header-bold">{{getList.title}}</span>
<span class="header-bottom-title-liao"> <span class="header-bottom-title-liao">
{{getList.classifyName}} {{getList.classifyName}}
</span> </span>
@ -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,21 +153,26 @@
} }
</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: 0 7px; padding: 3px 7px;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
background: linear-gradient(-90deg, #FF6F48, #FF9E69); background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px; border-radius: 7px;
margin-left: 5px; margin-left: 5px;
font-weight: bold; font-size: 11px;
font-size: 8px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
color: #fff; color: #fff;
} position: absolute;
}
.detail-btn{ .detail-btn{
width:95%; width:95%;
height: 92rpx; height: 92rpx;
@ -177,9 +182,9 @@
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){
color: #777777; color: #777777;
font-size: 12px; font-size: 12px;
@ -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;
@ -427,11 +435,11 @@
font-size: 25rpx; font-size: 25rpx;
} }
.header-bottom-money-zhen span:nth-child(2){ .header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx; font-size:45.81rpx;
font-weight: bold; font-weight: bold;
} }
.header-bottom-money-zhen span:nth-child(3){ .header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx; font-size: 22rpx;
} }
.header-bottom-money-zhen{ .header-bottom-money-zhen{
display: flex; display: flex;
@ -464,10 +472,12 @@
margin-left: 5px; margin-left: 5px;
} }
.header-bottom-title-text{ .header-bottom-title-text{
font-weight: bold;
font-size: 35rpx; font-size: 35rpx;
color: #13141A; color: #13141A;
} }
.header-bold{
font-weight: bold;
}
.header-bottom-title{ .header-bottom-title{
width: 100%; width: 100%;
display: flex; display: flex;

View File

@ -922,7 +922,7 @@
.header-bottom-title-liao{ .header-bottom-title-liao{
display: inline-block; display: inline-block;
padding: 0 7px; padding: 3px 7px;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
@ -930,10 +930,10 @@
border-radius: 7px; border-radius: 7px;
margin-left: 5px; margin-left: 5px;
font-weight: bold; font-weight: bold;
font-size: 8px; font-size: 10px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
color: #fff; color: #fff;
} }
.detail-btn{ .detail-btn{
width:95%; width:95%;

View File

@ -622,8 +622,8 @@
flex-direction: column; flex-direction: column;
} }
.popup-mian-view image{ .popup-mian-view image{
width: 85rpx; width: 100rpx;
height: 83rpx; height: 100rpx;
} }
.popup-mian-view span{ .popup-mian-view span{
font-size: 25rpx; font-size: 25rpx;
@ -641,8 +641,8 @@
} }
.popup-mian-view{ .popup-mian-view{
border-radius: 14rpx; border-radius: 14rpx;
width: 30%; width: 32%;
height: 136rpx; height: 180rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -662,12 +662,12 @@
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
} }
.popup-mian-btn span{ .popup-mian-btn span{
width: 247rpx; width: 260rpx;
height: 77rpx; height: 70rpx;
line-height: 77rpx; line-height: 70rpx;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 32rpx; font-size: 28rpx;
color: #FFFEFE; color: #FFFEFE;
border-radius: 39rpx; border-radius: 39rpx;
} }
@ -684,21 +684,21 @@
width: 88%; width: 88%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 5px auto 0px auto; margin: 15px auto 0px auto;
} }
.popup-head span:nth-child(2){ .popup-head span:nth-child(2){
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
line-height: 19px; line-height: 24px;
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
color: #15AB8D; color: #15AB8D;
border-radius: 50%; border-radius: 50%;
border: 3px solid #15AB8D; border: 1px solid #15AB8D;
} }
.popup-head span:nth-child(1){ .popup-head span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 28rpx;
color: #333333; color: #333333;
} }
.popup-head{ .popup-head{
@ -713,9 +713,9 @@
} }
.popup-content{ .popup-content{
width: 613rpx; width: 613rpx;
height: 260px; height: 300px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 56rpx; border-radius: 30rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -751,15 +751,15 @@
.oder-mian-qing{ .oder-mian-qing{
width: 65px; width: 65px;
height: 45rpx; height: 45rpx;
line-height: 18px; line-height: 40rpx;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 23rpx; font-size: 20rpx;
color: #029D88; color: #029D88;
background: #fff; background: #fff;
border-radius: 23rpx; border-radius: 23rpx;
margin: 0px 5px; margin: 0px 5px;
border: 2px solid #029D88; border: 1px solid #029D88;
} }
.video-item{ .video-item{
width: 100%; width: 100%;
@ -833,6 +833,7 @@
.shouchang-img{ .shouchang-img{
width: 45rpx; width: 45rpx;
height: 45rpx; height: 45rpx;
margin-top: 3px;
} }
.xiangmu-cont-top-left{ .xiangmu-cont-top-left{
font-weight: normal; font-weight: normal;
@ -967,7 +968,7 @@
} }
.oder-foot-left-view span{ .oder-foot-left-view span{
font-weight: 400; font-weight: 400;
font-size: 16rpx; font-size: 18rpx;
color: #029D88; color: #029D88;
margin-left: 3px; margin-left: 3px;
} }
@ -1000,15 +1001,15 @@
align-items: center; align-items: center;
} }
.oder-foot{ .oder-foot{
width: 92%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 8px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: rgba(238, 238, 238, 0.39); background-color: rgba(238, 238, 238, 0.39);
border-radius: 10rpx; }
}
.oder-mian-jin{ .oder-mian-jin{
font-size: 18rpx; font-size: 18rpx;
color: #FFFFFF; color: #FFFFFF;
@ -1055,7 +1056,7 @@
} }
.oder-mian{ .oder-mian{
width: 100%; width: 100%;
margin-top: 15px; margin-top: 3px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

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{

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 39 KiB

View File

@ -360,7 +360,7 @@
transition-property: background-color, color; transition-property: background-color, color;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 32rpx; font-size: 28rpx;
color: #000000; color: #000000;
transition-duration: 0.5s; transition-duration: 0.5s;
// padding: 0px 30px; // padding: 0px 30px;