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">
<view class="header-bottom-title-text"> <view class="header-bottom-title-text">
<span>{{mainData.title}}</span> <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>
<view class="header-bottom-title-num"> <view class="header-bottom-title-num">
<span> 已秒</span> <span> 已秒</span>
@ -39,7 +40,8 @@
</view> </view>
<view class="tewmork-key"> <view class="tewmork-key">
<view class="header-bottom-money1"><span v-for="(item,index) in labels" :key="index">{{item}}</span></view> <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>
<view class="tewmork-time"> <view class="tewmork-time">
<span>秒杀时间</span><span>{{mainData.startTime}}</span> - <span>{{mainData.endTime}}</span> <span>秒杀时间</span><span>{{mainData.startTime}}</span> - <span>{{mainData.endTime}}</span>
@ -50,7 +52,9 @@
</view> </view>
</view> </view>
<view class="teamwork-plate"> <view class="teamwork-plate">
<view class="header-bottom-foot">
<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>
@ -65,6 +69,7 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="detail-foot"> <view class="detail-foot">
<view class="detail-foot-nav"> <view class="detail-foot-nav">
<span class="detail-foot-nav-text">项目详情</span> <span class="detail-foot-nav-text">项目详情</span>
@ -1210,18 +1215,16 @@
margin-right: 1px; margin-right: 1px;
} }
.header-bottom-foot-view{ .header-bottom-foot-view{
width: 35%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 2px 5px; padding: 1px 8px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px; border-radius: 15px;
font-weight: 400; font-weight: 400;
font-size: 10px; font-size: 11px;
color: #029c88; color: #029c88;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
@ -1238,7 +1241,6 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 6rpx;
} }
.header-bottom-foot{ .header-bottom-foot{
width: 100%; width: 100%;
@ -1426,31 +1428,31 @@
display: flex; display: flex;
} }
.tewmork-time span:nth-child(1){ .tewmork-time span:nth-child(1){
background: linear-gradient(90deg, #f76350, #eb4a37); background: linear-gradient(90deg, #ffeef4, #ffeef4);
color: #fff; color: #e83c3e;
border-radius: 10rpx 0 0 10rpx; border-radius: 10rpx 0 0 10rpx;
padding: 0 10rpx; padding: 0 10rpx;
font-size: 22rpx; font-size:26rpx;
height: 40rpx; height: 40rpx;
line-height: 40rpx; line-height: 40rpx;
} }
.tewmork-time span:nth-child(2){ .tewmork-time span:nth-child(2){
background:#fdf8e3; background:#fffafc;
border-radius: 0 10rpx 10rpx 0 ; border-radius: 0 10rpx 10rpx 0 ;
padding: 0 10rpx; padding: 0 10rpx;
height: 42rpx; height: 42rpx;
line-height: 42rpx; line-height: 42rpx;
color: #d28e38; color: #eb4546;
font-size: 25rpx; font-size:26rpx;
} }
.tewmork-time span:nth-child(3){ .tewmork-time span:nth-child(3){
background:#fdf8e3; background:#fffafc;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 10rpx; padding: 0 10rpx;
height: 42rpx; height: 42rpx;
line-height: 42rpx; line-height: 42rpx;
color: #d28e38; color: #eb4546;
font-size: 25rpx; font-size:26rpx;
} }
.group-text{ .group-text{
color:#ec4439; color:#ec4439;