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