This commit is contained in:
parent
4a7e83011d
commit
1f404b276d
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue