yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
pages/my/fuwuliaochenggroup.vue → pages/my/fuwuliaochengTeaml.vue
View File

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