This commit is contained in:
kbing1981 2024-07-11 11:12:05 +08:00
parent 693b3f59f8
commit 52eaa57d2c
1 changed files with 104 additions and 51 deletions

View File

@ -21,19 +21,7 @@
<view><span>08</span>:<span>08</span>:<span>08</span></view>
</view>
</view>
<view class="teamwork-plate">
<view>1人在拼团可直接参与</view>
<view class=" flex teamwork-line">
<view><image src="../../static/my-gong-2.png"></image></view>
<view class="flex">
<view>
<view>还差<span class="team-text">1</span>拼成</view>
<view>剩余<span>11</span><span>49</span><span>58</span></view>
</view>
<view class="teamwork-button">去拼团</view>
</view>
</view>
</view>
<view class="header-bottom">
<view class="header-bottom-top">
<view class="header-bottom-title">
@ -44,12 +32,21 @@
</span>
</view>
<view class="header-bottom-title-num">
<span>{{mainData.sales}}</span>
<span> 人选择</span>
<span> 已拼</span>
<span>16</span>
<span> </span>
</view>
</view>
<view class="header-bottom-money-view">
<view class="tewmwork-prompt">
(人人可开团·仅新用户参团)
</view>
<view class="tewmork-key">
<span>精油开背</span>
<span>增强免疫</span>
<span>调节</span>
</view>
<!--<view class="header-bottom-money-view">
<view class="header-bottom-money1">
<view class="header-bottom-money-zhen">
<span></span>
@ -70,23 +67,9 @@
<image src="../../static/cure.png" mode=""></image>
<span>{{liaoTime}}</span>
</view>
<view class="header-bottom-foot">
<view class="header-bottom-foot">-->
<view class="header-bottom-foot-cont">
<!--<view class="header-bottom-foot-title">保障</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>
@ -108,6 +91,37 @@
</view>
</view>
</view> -->
<view class="teamwork-plate">
<view class=" flex teamwork-line">
<view>
<view>1人在拼团可直接参与</view>
<image style="width: 36rpx; height: 36rpx; border-radius: 30rpx;" src="../../static/my-gong-2.png"></image>
</view>
<view class="flex">
<view class="teamwork-se">
<view>还差<span class="team-text">1</span>拼成</view>
<view>剩余<span>11</span><span>49</span><span>58</span></view>
</view>
<view class="teamwork-button">去拼团</view>
</view>
</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>
</view>
<view class="detail-foot">
<view class="detail-foot-nav">
<span class="detail-foot-nav-text">项目详情</span>
@ -122,7 +136,7 @@
</view> -->
</view>
</view>
<view class="detail-foot" v-if="dataList.name!='index'">
<!--<view class="detail-foot" v-if="dataList.name!='index'">
<view class="detail-foot-nav">
<span class="detail-foot-nav-text">疗程详情</span>
<span class="detail-foot-nav-bor"></span>
@ -155,10 +169,11 @@
</view>
</view>
</view>
</view>
</view>-->
<view class="detail-btn btn" v-if="dataList.name=='index'" @click="openpay(mainData)">
立即购买
<view class="detail-btn">
<span>234.00</span>
<span>一键开团</span>
</view>
<!-- 支付方式 -->
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
@ -993,16 +1008,20 @@
color: #fff;
}
.detail-btn{
width:95%;
height: 92rpx;
line-height: 92rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx;
margin: 0 auto;
text-align: center;
font-weight: 400;
font-size: 42rpx;
color: #FFFFFF;
width: 94%;
height: 40px;
line-height: 40px;
background: linear-gradient(to right, rgb(255, 117, 98), rgb(233, 71, 52));
border-radius: 23px;
margin: 0 auto;
text-align: center;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
position: fixed;
bottom: 0px;
margin-bottom: 10px;
margin-left:3%;
}
.detail-foot-mian-txet span:nth-child(1){
color: #777777;
@ -1288,12 +1307,14 @@
font-size: 30rpx;
}
.header-bottom-title-num span:nth-child(1){
color: #848485;
}
.header-bottom-title-num span:nth-child(2){
font-weight: bold;
color: #08A28A;
}
.header-bottom-title-num span:nth-child(2){
.header-bottom-title-num span:nth-child(3){
color: #848485;
margin-left: 5px;
}
.header-bottom-title-text{
font-weight: bold;
@ -1424,7 +1445,9 @@
}
.teamwork-plate{
background: #fff;
margin: 20rpx;
margin: 20rpx 0;
align-items: center;
padding:15rpx 26rpx;
}
.teamwork-line{
display: flex;
@ -1432,11 +1455,41 @@
justify-content: space-between;
}
.teamwork-button{
padding: 2rpx 15rpx;
background:#ed4b3e ;
padding: 8rpx 13rpx;
color:#fff;
height: 50rpx;
line-height: 50rpx;
margin-top: 15rpx;
border-radius: 6rpx;
margin-left: 15rpx;
}
.team-text{
color: #ed4b3e;
}
.teamwork-se{
font-size: 24rpx;
text-align: center;
margin-top: 6rpx;
}
.tewmwork-prompt{
font-size: 24rpx;
color: #ed4b3e;
margin-top: 12rpx;
}
.tewmork-key{
display: flex;
text-align: center;
}
.tewmork-key span{
height: 30rpx;
line-height: 30rpx;
padding: 0 8rpx;
font-size: 20rpx;
border: 1px #ed4b3e solid ;
color: #ed4b3e;
border-radius: 6rpx;
margin-right: 6rpx;
margin-top: 6rpx;
}
</style>