This commit is contained in:
parent
693b3f59f8
commit
52eaa57d2c
|
@ -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>
|
Loading…
Reference in New Issue