@@ -1,4 +1,5 @@ | |||
// pages/spellGroup/mySpellGroup/index.js | |||
const navigationBarHeight = (getApp().statusBarHeight + 50) + 'px' | |||
var config = require("../../config/config.js"); | |||
const Http = require("../../utils/HttpBasics"); | |||
const imgurl = require("../../utils/imgurl"); | |||
@@ -9,6 +10,7 @@ Page({ | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
navigationBarHeight, | |||
teljpgUrl: imgurl.teljpg.url, | |||
wmhome: imgurl.wmhome.url, | |||
orderGroupFail: imgurl.orderGroupFail.url, | |||
@@ -1,5 +1,7 @@ | |||
{ | |||
"navigationBarTitleText": "拼团券详情", | |||
"enablePullDownRefresh": true, | |||
"usingComponents": {} | |||
"usingComponents": { | |||
"navbar": "../../components/navbar/navbar" | |||
} | |||
} |
@@ -1,4 +1,5 @@ | |||
<view class="content-box"> | |||
<navbar back home text="{{barTitle}}" background='#fff'></navbar> | |||
<view class="content-box" style="margin-top:{{navigationBarHeight}}"> | |||
<view class='content'> | |||
<view class='top-img'> | |||
<image src='{{data.coverImg}}'></image> | |||
@@ -7,15 +8,16 @@ | |||
<view class='text'> | |||
<view class='remark'>{{data.subTitle}}</view> | |||
<view class='des'> | |||
<view class='des-peoplenum'>【拼团购】{{data.pressLimitNum}}人拼团成功,单价仅需</view> | |||
<view class='des-saleprice'>{{data.salePriceStr}}元</view> | |||
<view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需¥</view> | |||
<view class='des-saleprice'>{{data.salePriceStr}}</view> | |||
</view> | |||
<view class='rest' wx:if="{{data.validType==1}}">有效期: | |||
<text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text> | |||
</view> | |||
<view class='rest'> | |||
<text class='txt01'>限购条件:</text> | |||
<text class='time'>每人{{data.useLimitQuantity}}张</text> | |||
<!-- <text class='txt01'>限购条件:</text> --> | |||
<view class='quan'></view> | |||
<text class='time'>每人限购{{data.useLimitQuantity}}张</text> | |||
</view> | |||
<view class='status'> | |||
<view class='status01 st'> | |||
@@ -26,10 +28,6 @@ | |||
<view class='j-t'>剩余时间:<view class='j-time'>{{day+' 天 '+hour+' : '+min+' : '+sec}}</view></view> | |||
</view> | |||
</view> | |||
<view class='p-des'> | |||
<view class='p-title'>购买须知:</view> | |||
<view class='p-list'>{{data.remark}}</view> | |||
</view> | |||
<view class='posi'> | |||
<view class='applyshop'>适用门店</view> | |||
<view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index"> | |||
@@ -43,11 +41,17 @@ | |||
<image wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||
</view> | |||
</view> | |||
<view class='p-des'> | |||
<view class='p-title'>购买须知:</view> | |||
<view class='p-list'>{{data.remark}}</view> | |||
</view> | |||
<form bindsubmit="submit" report-submit='true' > | |||
<view class='edit'> | |||
<button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||
<button class='goback' bindtap='gotoIndex'> | |||
<image src='{{homeSelectedO}}' mode="widthFix"></image> | |||
<text class='btnTxt'>首页</text> | |||
</button> | |||
<button form-type="submit" class='edit-left' wx:if='{{data.id}}' bindtap='{{canBuyIf?"gotoBuy":""}}'> | |||
<view class='edit-left-top'> | |||
<view class='price'>{{data.price}}</view> | |||
@@ -52,23 +52,9 @@ | |||
width: 100%; | |||
height: auto; | |||
padding-top: 6rpx; | |||
border-top: 2rpx solid rgb(240, 238, 238); | |||
} | |||
.des-peoplenum{ | |||
display: inline; | |||
font-size:24rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(0,0,0,1); | |||
line-height:44rpx; | |||
margin-right: 15rpx; | |||
} | |||
.des-saleprice{ | |||
display: inline; | |||
font-size:40rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(255,53,53,1); | |||
background: #FFF; | |||
padding: 0 30rpx 0 0; | |||
color: #FD782D | |||
} | |||
.status{ | |||
width: 100%; | |||
@@ -315,8 +301,8 @@ | |||
top: 0; | |||
bottom: 0; | |||
margin: auto; | |||
width: 50rpx; | |||
height: 50rpx; | |||
width: 76rpx; | |||
height: 76rpx; | |||
} | |||
.j-f{ | |||
font-size:28rpx; | |||
@@ -460,4 +446,36 @@ | |||
text-align: center; | |||
line-height: 95rpx; | |||
margin: 0 auto 43rpx; | |||
} | |||
.btnTxt{ | |||
width: 50rpx; | |||
height: 30rpx; | |||
line-height: 50rpx; | |||
color: #FD782D; | |||
font-size: 20rpx; | |||
position: absolute; | |||
right:42rpx ; | |||
bottom: 15rpx; | |||
} | |||
.des-peoplenum{ | |||
display: inline; | |||
font-size:24rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
line-height:44rpx; | |||
margin-right: 15rpx; | |||
} | |||
.des-saleprice{ | |||
display: inline; | |||
font-size:40rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
} | |||
.quan{ | |||
float: left; | |||
margin:28rpx 15rpx 0 0; | |||
width: 12rpx; | |||
height: 12rpx; | |||
background: #E1E1E1; | |||
border-radius: 50%; | |||
} |
@@ -3,9 +3,6 @@ | |||
<view class='container' style="margin-top:{{navigationBarHeight}}"> | |||
<!-- 拼团产品详情 --> | |||
<view class='detail'> | |||
<view class='return-index' bindtap='gotoIndex'> | |||
<image src='{{home}}' mode="widthFix"></image> | |||
</view> | |||
<view class='detail-top'> | |||
<view class='detail-top01'> | |||
<image src='{{data.coverImg}}' mode="aspectFill"></image> | |||