This commit is contained in:
kbing1981 2024-08-09 15:00:29 +08:00
parent 4a7e83011d
commit 1f404b276d
1 changed files with 30 additions and 28 deletions

View File

@ -27,6 +27,7 @@
<view class="header-bottom-title">
<view class="header-bottom-title-text">
<span>{{mainData.title}}</span>
<image style="width:80rpx; height:30rpx;" :src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
</view>
<view class="header-bottom-title-num">
<span> 已秒</span>
@ -39,7 +40,8 @@
</view>
<view class="tewmork-key">
<view class="header-bottom-money1"><span v-for="(item,index) in labels" :key="index">{{item}}</span></view>
<view class="xiaoer item-view-biao">{{mainData.levelName}}</view>
<!-- <view class="xiaoer item-view-biao">{{mainData.levelName}}</view> -->
</view>
<view class="tewmork-time">
<span>秒杀时间</span><span>{{mainData.startTime}}</span> - <span>{{mainData.endTime}}</span>
@ -50,19 +52,22 @@
</view>
</view>
<view class="teamwork-plate">
<view class="header-bottom-foot-cont">
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span>
</view>
<view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
<span>不满意重做</span>
</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>最快30分钟上门</span>
</view>
<view class="header-bottom-foot">
<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>
</view>
<view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
<span>不满意重做</span>
</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>最快30分钟上门</span>
</view>
</view>
</view>
</view>
<view class="detail-foot">
@ -1210,18 +1215,16 @@
margin-right: 1px;
}
.header-bottom-foot-view{
width: 35%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2px 5px;
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-title{
@ -1238,7 +1241,6 @@
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 6rpx;
}
.header-bottom-foot{
width: 100%;
@ -1426,31 +1428,31 @@
display: flex;
}
.tewmork-time span:nth-child(1){
background: linear-gradient(90deg, #f76350, #eb4a37);
color: #fff;
background: linear-gradient(90deg, #ffeef4, #ffeef4);
color: #e83c3e;
border-radius: 10rpx 0 0 10rpx;
padding: 0 10rpx;
font-size: 22rpx;
font-size:26rpx;
height: 40rpx;
line-height: 40rpx;
}
.tewmork-time span:nth-child(2){
background:#fdf8e3;
background:#fffafc;
border-radius: 0 10rpx 10rpx 0 ;
padding: 0 10rpx;
height: 42rpx;
line-height: 42rpx;
color: #d28e38;
font-size: 25rpx;
color: #eb4546;
font-size:26rpx;
}
.tewmork-time span:nth-child(3){
background:#fdf8e3;
background:#fffafc;
border-radius: 10rpx;
padding: 0 10rpx;
height: 42rpx;
line-height: 42rpx;
color: #d28e38;
font-size: 25rpx;
color: #eb4546;
font-size:26rpx;
}
.group-text{
color:#ec4439;