@@ -1,6 +1,5 @@ | |||||
{ | { | ||||
"pages": [ | "pages": [ | ||||
"pages/index/index", | "pages/index/index", | ||||
"pages/main/index", | "pages/main/index", | ||||
"index/searchbar", | "index/searchbar", | ||||
@@ -77,7 +76,8 @@ | |||||
"pages/site/site", | "pages/site/site", | ||||
"pages/siteUser/siteUser", | "pages/siteUser/siteUser", | ||||
"pages/siteAdd/siteAdd", | "pages/siteAdd/siteAdd", | ||||
"pages/fillIndent/fillIndent" | |||||
"pages/fillIndent/fillIndent", | |||||
"pages/coupon/childDetail/childDetail" | |||||
], | ], | ||||
"subpackages": [ | "subpackages": [ | ||||
{ | { | ||||
@@ -0,0 +1,11 @@ | |||||
{ | |||||
"usingComponents": { | |||||
"c-shareposter": "../../../../components/shareposter/index", | |||||
"navbar": "../../../../components/navbar/navbar", | |||||
"store": "../../../../components/store/index", | |||||
"c-coupons": "../../../components/coupons/index" | |||||
}, | |||||
"navigationBarTitleText": "", | |||||
"backgroundColor": "#f4f4f4", | |||||
"enablePullDownRefresh": true | |||||
} |
@@ -0,0 +1,255 @@ | |||||
<navbar back home text="{{barTitle}}" background='#fff'></navbar> | |||||
<view wx:if="{{showPage}}" > | |||||
<view style="height:{{navigationBarHeight}} "></view> | |||||
<!-- 券的详情页面 --> | |||||
<view class='coupons'> | |||||
<view class="coupons-body"> | |||||
<view wx:if="{{coverPicture.length>0}}" class="banner"> | |||||
<swiper class="index-slide swiper-box" bindchange="swiperChange" indicator-dots="true" circular="false" current="{{swiperCurrent}}"> | |||||
<block wx:for="{{coverPicture}}" wx:key="unique"> | |||||
<swiper-item> | |||||
<image data-data="{{item}}" src="{{item}}" class="index-slide-image" /> | |||||
</swiper-item> | |||||
</block> | |||||
</swiper> | |||||
<!-- <view class="dots"> | |||||
<block wx:for="{{coverPicture}}" wx:key="unique"> | |||||
<view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> | |||||
</block> | |||||
</view> --> | |||||
</view> | |||||
<view class='coupons_info' style='position:relative;z-index:9'> | |||||
<view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare' wx:if="{{data.sendType!=3}}"> | |||||
<image src='{{fenxiang}}' mode="widthFix"></image> | |||||
<text class='gift'>分享</text> | |||||
</view> | |||||
<view> | |||||
<view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined||data.type==10}}"> | |||||
<view style='text-align:center;display:inline-block;'> | |||||
<image class='clock' src='{{clockUrl}}' mode='widthFix' wx:if="{{data.type!=10}}"></image> | |||||
<image class='clock' src='{{yushouUrl}}' mode='widthFix' wx:if="{{data.type==10}}"></image> | |||||
<text class="qiang" wx:if="{{data.activityStatus!=0}}">距结束 :</text> | |||||
<text class="qiang" wx:if="{{data.activityStatus==0}}">距开始 :</text> | |||||
</view> | |||||
<view wx:if="{{clock=='00'||data.status==1}}" class='times'> | |||||
已经结束 | |||||
</view> | |||||
<view wx:if="{{clock!='00'}}" class='times'> | |||||
<view style="display:inline-block;" wx:if="{{day!=0}}"> | |||||
<text>{{day}}</text>天: | |||||
</view> | |||||
<text>{{hour}}</text>: | |||||
<text>{{min}}</text>: | |||||
<text>{{sec}}</text> | |||||
</view> | |||||
</view> | |||||
<text class='title'>{{data.title}}<text class="elecard" wx:if="{{data.type==100}}">电子卡</text></text> | |||||
<text class="subTitle">{{data.subTitle}}</text> | |||||
<!-- 预购 --> | |||||
<view class="moneyBox" wx:if="{{data.type==10}}"> | |||||
<view class="earnest">定金:</view> | |||||
<view class="earnestNum">¥ {{salePriceStr}}</view> | |||||
<view class="final">尾款抵扣:</view> | |||||
<view class="earnestNum">¥ {{priceStr}}</view> | |||||
</view> | |||||
<view class="pickFinal_Box" wx:if="{{data.type==10}}"> | |||||
<view class="earnest">提货尾款:</view> | |||||
<view class="earnestNum">¥ {{tailPriceStr}}</view> | |||||
<view class="original">{{origPriceStr}}</view> | |||||
</view> | |||||
<view class="earnestTime time" wx:if="{{data.type==10}}"> 预购时间:{{validStartDate}}至{{validEndDate}}</view> | |||||
<view class="finalTime time" wx:if="{{data.type==10}}">提货时间:{{pickStartDate}}至{{pickEndDate}}</view> | |||||
<!-- 预售 --> | |||||
<view class='salePriceStr clearfix' wx:if="{{data.type!=10}}"> | |||||
<text class='rmb'>¥</text> | |||||
<view class="fl" wx:if="{{data.type!=8}}"> | |||||
<text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text> | |||||
<view class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}} | |||||
<text class='jifen'>积分</text> | |||||
</view> | |||||
<!-- <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> --> | |||||
<text class='throgh' wx:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{data.priceStr}}元</text> | |||||
<text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text> | |||||
<text class='rest' wx:if="{{data.autoRefund == 1}}"> | |||||
<text class='time refound'><text class="use">过期不退款</text></text> | |||||
</text> | |||||
</view> | |||||
<view class="fl" wx:if="{{data.type==8}}"> | |||||
<!-- <text class="pri01 pri01Hr">¥</text> --> | |||||
<text class="pri01">{{data.salePriceStr}}</text> | |||||
<text class='presslimit' wx:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></text> | |||||
<text class='throgh'>{{data.priceStr}}元</text> | |||||
<text class='rest' wx:if="{{data.autoRefund == 1}}"> | |||||
<text class='time refound'><text class="use">过期不退款</text></text> | |||||
</text> | |||||
</view> | |||||
</view> | |||||
<view class='rest' wx:if="{{data.validType==2}}">自领取之日起 | |||||
<text class='time'>{{validDays}}</text>天内有效 | |||||
<text class="use">(请在有效期内使用)</text> | |||||
</view> | |||||
<view class='rest' wx:if="{{data.validType==1&&data.type!=10}}"> | |||||
<text class='time'>{{validStartDate}}至{{validEndDate}}</text> | |||||
</view> | |||||
<view class='rest' wx:if="{{data.type==5}}"> | |||||
<text class='time'>当次有效</text> | |||||
</view> | |||||
<view class='rest' wx:if="{{data.type==1}}"> | |||||
<text class='txt01'>使用条件:</text> | |||||
<text class='time'>满{{data.usePriceStr}}元可用</text> | |||||
</view> | |||||
<view class='rest' wx:if="{{data.sendType!=3}}"> | |||||
<!-- <text class='txt01'>限购条件:</text> --> | |||||
<view class='quan'></view> | |||||
<text class='time'>限购{{data.useLimitQuantity}}张</text> | |||||
<text class='timess' wx:if='{{limitCondition==1}}'>(仅限新用户活动)</text> | |||||
<text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text> | |||||
<text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text> | |||||
<text class="restNum fr">剩余<text>{{data.remainInventory}}张</text></text> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<!-- 适用门店 --> | |||||
<store merchantVoList="{{merchantVoList}}" wx:if="{{data.type!=12}}"></store> | |||||
<!-- 券包子券样式 --> | |||||
<!-- <view class="childText">购买须知</view> --> | |||||
<view class="childBox" > | |||||
<view class="childItem" wx:for="{{data.giftCouponList}}" bindtap="gochild" data-id="{{item.id}}" wx:key = "{{index}}"> | |||||
<image class="childImg" mode='widthFix' src="{{item.coverImg}}"></image> | |||||
<view class="childName">{{item.title}}</view> | |||||
<view class="childMoney">¥{{item.priceStr}}</view> | |||||
</view> | |||||
</view> | |||||
<view class='notes'> | |||||
<view> | |||||
<text>购买须知</text> | |||||
</view> | |||||
<view wx:if="{{curHtml==''}}"> | |||||
<text><text class='spot'></text>{{data.remark}}</text> | |||||
</view> | |||||
<view wx:if="{{curHtml!=''}}"> | |||||
<rich-text nodes="{{curHtml}}"></rich-text> | |||||
</view> | |||||
</view> | |||||
<view wx:if="{{couponList.length!=0}}" style="color: #333;letter-spacing: 0;font-size: 30rpx;height: 70rpx;line-height: 70rpx;margin-left: 35rpx;">其他活动</view> | |||||
<view class='couponsL clearfix'> | |||||
<c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" /> | |||||
</view> | |||||
<view class='detailImg' wx:if="{{detailPicture.length>0}}"> | |||||
<image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}' mode='widthFix'></image> | |||||
</view> | |||||
</view> | |||||
<form bindsubmit="gotopay" data-type='{{data.type}}' report-submit='true'> | |||||
<view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};"> | |||||
<button class='goback' bindtap='goback'> | |||||
<image src='{{homeSelectedO}}' mode="widthFix"></image> | |||||
<text class='btnTxt'>首页</text> | |||||
</button> | |||||
<button form-type="submit" disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.type!=11&&data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}"> | |||||
<text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | |||||
<button wx:if="{{data.type==11}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" | |||||
data-shippingtype="2" class="home">配送到家 | |||||
</button> | |||||
<button wx:if="{{data.type==11}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" | |||||
data-shippingtype="1" class="arrive">到店购买 | |||||
</button> | |||||
<button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | |||||
<button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type==51&&data.remainInventory!=0||data.type==50&&data.remainInventory!=0}}">马上兑换</button> | |||||
<button class='buy buyHr' disabled='true' wx:if="{{data.sendType!=3&&(data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8)}}">已售罄</button> | |||||
<button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&data.type==50||data.remainInventory==0&&data.type==51}}">已兑完</button> | |||||
<button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button> | |||||
<button class='buy' disabled='true' wx:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button> | |||||
<button id='noBuy' disabled='true' wx:if="{{data.activityStatus==0}}">活动未开始</button> | |||||
</view> | |||||
</form> | |||||
</view> | |||||
<view wx:if="{{data.remainInventory!=0&&data.type==8}}" class="btns clearfix" hover-class="none" hover-stop-propagation="false"> | |||||
<button class='goback' bindtap='goback'> | |||||
<image src='{{homeSelectedO}}' mode="widthFix"></image> | |||||
<text class='btnTxt'>首页</text> | |||||
</button> | |||||
<form bindsubmit="gotopay" report-submit='true' class="fl"> | |||||
<button form-type="submit" style='background:transparent;color:#fff;' data-discount='discount1' disabled='{{showbutton}}'> | |||||
<text>¥{{data.priceStr}}</text> | |||||
<text>立即购买</text> | |||||
</button> | |||||
</form> | |||||
<form bindsubmit="inviteFriend" report-submit='true' class="fr"> | |||||
<button form-type="submit" style='background:{{!showbutton1?"transparent":"#ccc"}};color:#fff;font-size:32rpx;line-height:94rpx;border-radius:60rpx;' disabled='{{showbutton1}}'> | |||||
发起砍价 | |||||
</button> | |||||
</form> | |||||
</view> | |||||
<!-- 问卷调查 --> | |||||
<view class="b1" style="opacity:{{opacity}};display: {{display}};position: fixed;top:{{navigationBarHeight}};bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0.8);overflow: hidden;z-index: 13;" animation="{{queueData}}"> | |||||
<view id='con' class='con'> | |||||
<image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image> | |||||
<image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image> | |||||
<image class='image' src="{{headbgUrl}}" mode='widthFix'></image> | |||||
<image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image> | |||||
<view class='question'> | |||||
<text class='titles'>{{questionnaire.title}}</text> | |||||
<!-- 单选 --> | |||||
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}"> | |||||
<label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}"> | |||||
<radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}} | |||||
</label> | |||||
</radio-group> | |||||
<!-- 多选 --> | |||||
<checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | |||||
<label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index"> | |||||
<checkbox value="{{item.id}}" />{{item.name}} | |||||
</label> | |||||
</checkbox-group> | |||||
<view class='ques btnss' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<!-- 卡转赠领取弹出框 --> | |||||
<view class='shaddow' wx:if='{{showCardOffer}}'></view> | |||||
<view class='alert-box' wx:if='{{showCardOffer}}'> | |||||
<view class='user-img'> | |||||
<image src='{{cardData.avatarUrl}}'></image> | |||||
</view> | |||||
<view class='close' bindtap='closeAlert'> | |||||
<image src='{{close02}}'></image> | |||||
</view> | |||||
<view class='a-title' wx:if='{{!isSamePeople&&isReceived}}'>{{cardData.userName}}</view> | |||||
<view class='a-title' wx:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view> | |||||
<view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view> | |||||
<view class='a-title' wx:if='{{isSamePeople&&isReceived}}'>{{cardData.userName}}</view> | |||||
<view class='a-img'> | |||||
<image src='{{cardData.coverImg}}'></image> | |||||
<view class='a-received' wx:if="{{isReceived}}">{{statusText}}</view> | |||||
</view> | |||||
<button type="primary" wx:if='{{!isSamePeople&&!isReceived}}' disabled='{{receivedDisabled}}' class='support-tansfer' bindtap='checkPhoneStatus'>领取</button> | |||||
<button type="primary" wx:if='{{isSamePeople||isReceived}}' class='support-tansfer' bindtap='closeAlert'>关闭</button> | |||||
</view> | |||||
<!-- 分享弹框 --> | |||||
<!-- <c-shareposter bind:myevent="" class="business" couponChannelId="{{data.id}}" wx:if="{{isshowposter}}"/> --> | |||||
<!-- 分享弹框 --> | |||||
<view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'> | |||||
<view class='modal-content'> | |||||
<view> | |||||
<button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button> | |||||
<image src='./../../../assets/images/wechat.png' mode='aspectFit'></image> | |||||
<text>微信好友</text> | |||||
</view> | |||||
<view bindtap='showPoster'> | |||||
<image src='./../../../assets/images/picture.png' mode='aspectFit'></image> | |||||
<text>生成海报</text> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
</view> |
@@ -0,0 +1,980 @@ | |||||
@import "../../../app.wxss"; | |||||
page { | |||||
background: #f4f5f9; | |||||
} | |||||
button::after { | |||||
border: none; | |||||
} | |||||
.coupons { | |||||
width: 100%; | |||||
position: relative; | |||||
overflow: hidden; | |||||
padding-bottom: 170rpx; | |||||
background: #f4f5f9; | |||||
} | |||||
.couponsL c-coupons { | |||||
width: 335rpx; | |||||
height: 354rpx; | |||||
margin-bottom: 22rpx; | |||||
} | |||||
.couponsL c-coupons:nth-of-type(2n+1) { | |||||
float: left; | |||||
} | |||||
.couponsL c-coupons:nth-of-type(2n) { | |||||
float: right; | |||||
} | |||||
.banner { | |||||
position: relative; | |||||
width: 750rpx; | |||||
height: 454rpx; | |||||
} | |||||
.banner swiper { | |||||
width: 750rpx; | |||||
height: 454rpx; | |||||
} | |||||
.banner image { | |||||
width: 100%; | |||||
height: 454rpx; | |||||
} | |||||
.moneyBox { | |||||
font-size: 24rpx; | |||||
overflow: hidden; | |||||
} | |||||
.earnest { | |||||
float: left; | |||||
font-size: 28rpx; | |||||
color: #a6a6a6; | |||||
} | |||||
.earnestNum { | |||||
float: left; | |||||
color: red; | |||||
font-size: 32rpx; | |||||
} | |||||
.final { | |||||
float: left; | |||||
font-size: 28rpx; | |||||
color: #a6a6a6; | |||||
margin-left: 30rpx; | |||||
} | |||||
.pickFinal_Box { | |||||
overflow: hidden; | |||||
} | |||||
.earnestTime { | |||||
font-size: 28rpx; | |||||
color: #a6a6a6; | |||||
} | |||||
.finalTime { | |||||
font-size: 28rpx; | |||||
color: #a6a6a6; | |||||
} | |||||
.original { | |||||
float: left; | |||||
width: 100rpx; | |||||
margin-left: 10rpx; | |||||
text-decoration: line-through; | |||||
color: #a6a6a6; | |||||
font-size: 24rpx; | |||||
line-height: 50rpx; | |||||
} | |||||
.dots { | |||||
position: absolute; | |||||
left: 0; | |||||
right: 0; | |||||
bottom: 50rpx; | |||||
display: flex; | |||||
justify-content: center; | |||||
} | |||||
.dot { | |||||
margin: 0 8rpx; | |||||
width: 14rpx; | |||||
height: 14rpx; | |||||
background: #fff; | |||||
border-radius: 8rpx; | |||||
transition: all 0.6s; | |||||
} | |||||
.home { | |||||
position: relative; | |||||
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); | |||||
height: 94rpx; | |||||
width: 230rpx; | |||||
/* margin: 0 auto 30rpx; */ | |||||
margin-left: 40rpx; | |||||
float: left; | |||||
color: #fff; | |||||
font-size: 36rpx; | |||||
line-height: 94rpx; | |||||
border-radius: 21rpx; | |||||
} | |||||
.arrive { | |||||
position: relative; | |||||
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); | |||||
height: 94rpx; | |||||
width: 230rpx; | |||||
/* margin: 0 auto 30rpx; */ | |||||
margin-left: 40rpx; | |||||
float: left; | |||||
color: #fff; | |||||
font-size: 36rpx; | |||||
line-height: 94rpx; | |||||
border-radius: 21rpx; | |||||
} | |||||
.dot.active { | |||||
width: 24rpx; | |||||
background: #f80; | |||||
} | |||||
.refound { | |||||
border: 1rpx solid red; | |||||
padding: 3rpx 0; | |||||
display: block; | |||||
width: 130rpx; | |||||
text-align: center; | |||||
margin-left: 14rpx; | |||||
} | |||||
.couponsL { | |||||
width: 92%; | |||||
margin: 20rpx auto; | |||||
} | |||||
.coupons_info { | |||||
width: 92%; | |||||
padding: 0 4%; | |||||
background: #fff; | |||||
border-top-left-radius: 20rpx; | |||||
border-top-right-radius: 20rpx; | |||||
/* margin-top: -25rpx; */ | |||||
} | |||||
.fenxiang { | |||||
position: absolute; | |||||
right: 28rpx; | |||||
top: 27rpx; | |||||
display: flex; | |||||
flex-direction: column; | |||||
} | |||||
.fenxiang image { | |||||
width: 48rpx; | |||||
height: 48rpx; | |||||
margin: 0 auto; | |||||
} | |||||
.gift { | |||||
color: #3c3c3c; | |||||
font-size: 20rpx; | |||||
margin: 0 auto; | |||||
} | |||||
.user-motto { | |||||
width: 270rpx; | |||||
border: 0; | |||||
background: none; | |||||
height: 260rpx; | |||||
color: #fff; | |||||
position: fixed; | |||||
} | |||||
.user-motto::after { | |||||
border: none; | |||||
} | |||||
.title { | |||||
display: block; | |||||
font-weight: bold; | |||||
font-size: 32rpx; | |||||
color: #3c3c3c; | |||||
letter-spacing: 1.09rpx; | |||||
line-height: 45rpx; | |||||
width: 542rpx; | |||||
overflow: hidden; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
padding-top: 30rpx; | |||||
} | |||||
.subTitle { | |||||
display: block; | |||||
width: 588rpx; | |||||
/* height: 37rpx; */ | |||||
font-size: 26rpx; | |||||
color: #a6a6a6; | |||||
letter-spacing: 1.16rpx; | |||||
overflow: hidden; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
padding: 6rpx 0; | |||||
} | |||||
.rest { | |||||
font-size: 24rpx; | |||||
color: #919191; | |||||
letter-spacing: 0; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
border-bottom: 1px solid #f9f9f9; | |||||
} | |||||
.restNum { | |||||
font-size: 24rpx; | |||||
color: #999; | |||||
letter-spacing: 1.16rpx; | |||||
text-align: right; | |||||
} | |||||
.time { | |||||
font-size: 24rpx; | |||||
color: #a6a6a6; | |||||
letter-spacing: 0; | |||||
line-height: 33rpx; | |||||
display: inline-block; | |||||
} | |||||
.txt01 { | |||||
font-size: 24rpx; | |||||
color: #919191; | |||||
letter-spacing: 0; | |||||
} | |||||
.price { | |||||
font-size: 24rpx; | |||||
color: #999; | |||||
letter-spacing: 0; | |||||
} | |||||
.salePriceStr { | |||||
font-size: 24rpx; | |||||
color: #999; | |||||
letter-spacing: 0; | |||||
} | |||||
.salePriceStr .rmb { | |||||
color: #fd782d; | |||||
font-size: 24rpx; | |||||
line-height: 40rpx; | |||||
float: left; | |||||
} | |||||
.salePriceStr .pri01 { | |||||
font-size: 40rpx; | |||||
color: #fd782d; | |||||
letter-spacing: 0; | |||||
line-height: 40rpx; | |||||
float: left; | |||||
} | |||||
.salePriceStr .pri01Hr { | |||||
font-size: 24rpx !important; | |||||
} | |||||
.use { | |||||
color: #fd782d; | |||||
/* margin-left: 10rpx; */ | |||||
} | |||||
.salePriceStr .yuan { | |||||
font-size: 24rpx; | |||||
color: #fd782d; | |||||
letter-spacing: 0; | |||||
} | |||||
.price text { | |||||
font-size: 24rpx; | |||||
color: #333; | |||||
letter-spacing: 0; | |||||
} | |||||
.throgh { | |||||
text-decoration: line-through; | |||||
margin-left: 10rpx; | |||||
color: #999 !important; | |||||
margin-top: 8rpx; | |||||
height: 32rpx; | |||||
line-height: 45rpx; | |||||
} | |||||
.fl { | |||||
float: left; | |||||
} | |||||
.fr { | |||||
float: right; | |||||
} | |||||
.notes view:nth-child(1) { | |||||
height: 87rpx; | |||||
line-height: 87rpx; | |||||
background: #fff; | |||||
border-top: 1px solid #f9f9f9; | |||||
} | |||||
.notes { | |||||
width: 100%; | |||||
background: #fff; | |||||
padding-bottom: 30rpx; | |||||
} | |||||
.active { | |||||
opacity: 0.6; | |||||
} | |||||
.notes view:nth-child(1) text { | |||||
color: #333; | |||||
letter-spacing: 0; | |||||
font-size: 30rpx; | |||||
height: 70rpx; | |||||
line-height: 70rpx; | |||||
} | |||||
.notes view:nth-child(1) { | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
} | |||||
.notes view:nth-child(2) { | |||||
display: flex; | |||||
flex-direction: column; | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
} | |||||
.notes view:nth-child(2)>text { | |||||
font-size: 24rpx; | |||||
color: #919191; | |||||
letter-spacing: 0; | |||||
line-height: 42rpx; | |||||
} | |||||
.buy-view { | |||||
/* background: #fff; */ | |||||
height: 92rpx; | |||||
bottom: 0; | |||||
left: 0; | |||||
right: 0; | |||||
padding-bottom: 22rpx; | |||||
padding-top: 22rpx; | |||||
} | |||||
.buy { | |||||
position: relative; | |||||
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); | |||||
height: 94rpx; | |||||
width: 560rpx; | |||||
margin: 0 auto 30rpx; | |||||
color: #fff; | |||||
font-size: 36rpx; | |||||
line-height: 94rpx; | |||||
border-radius: 61rpx; | |||||
} | |||||
#noBuy { | |||||
position: relative; | |||||
background-color: rgba(0, 0, 0, 0.2); | |||||
height: 94rpx; | |||||
width: 560rpx; | |||||
margin: 0 auto 30rpx; | |||||
color: #fff; | |||||
font-size: 36rpx; | |||||
line-height: 94rpx; | |||||
border-radius: 61rpx; | |||||
} | |||||
.buyHr { | |||||
background: #cecece !important; | |||||
} | |||||
.goback { | |||||
position: relative; | |||||
float: left; | |||||
width: 132rpx !important; | |||||
height: 96rpx; | |||||
background: rgba(255, 255, 255, 1) !important; | |||||
line-height: 95rpx; | |||||
border-radius: 32rpx; | |||||
margin-left: 20rpx; | |||||
} | |||||
.goback image { | |||||
position: absolute; | |||||
width: 52rpx; | |||||
height: 50rpx; | |||||
left: 0; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: 10rpx auto; | |||||
} | |||||
.tel { | |||||
position: absolute; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
} | |||||
.txt { | |||||
margin-right: 30rpx; | |||||
} | |||||
.distance { | |||||
border: none; | |||||
border-radius: 16rpx; | |||||
width: 600rpx; | |||||
padding: 16rpx 6rpx 0 0; | |||||
} | |||||
.distance .txt01 { | |||||
display: block; | |||||
font-size: 26rpx; | |||||
color: #ff4949; | |||||
} | |||||
.clock { | |||||
width: 116rpx !important; | |||||
vertical-align: middle; | |||||
margin-right: 10rpx; | |||||
margin-top: -4rpx; | |||||
} | |||||
.qiang { | |||||
position: inline-block; | |||||
width: 60rpx; | |||||
height: 40rpx; | |||||
line-height: 40rpx; | |||||
color: #ff4949; | |||||
text-align: center; | |||||
font-size: 28rpx; | |||||
margin-right: 10rpx; | |||||
} | |||||
.times { | |||||
display: inline-block; | |||||
color: #ff4949; | |||||
font-weight: bold; | |||||
font-size: 26rpx; | |||||
text-align: center; | |||||
} | |||||
.timess { | |||||
color: #fd782d; | |||||
} | |||||
.times text { | |||||
display: inline-block; | |||||
margin: 6rpx; | |||||
height: 56rpx; | |||||
padding: 0 6rpx; | |||||
text-align: center; | |||||
font-size: 28rpx; | |||||
line-height: 60rpx; | |||||
border-radius: 12rpx; | |||||
color: #fff; | |||||
font-weight: bold; | |||||
background: #ff4949; | |||||
} | |||||
.con { | |||||
position: absolute; | |||||
top: 35rpx; | |||||
right: 0; | |||||
bottom: 0; | |||||
left: 0; | |||||
margin: auto; | |||||
width: 587rpx; | |||||
} | |||||
.con .image { | |||||
display: block; | |||||
width: 100%; | |||||
} | |||||
.img { | |||||
margin-top: -50rpx; | |||||
} | |||||
.question { | |||||
display: block; | |||||
width: 587rpx; | |||||
background: #fff; | |||||
border-bottom-left-radius: 22rpx; | |||||
border-bottom-right-radius: 22rpx; | |||||
overflow: hidden; | |||||
} | |||||
.ques { | |||||
display: block; | |||||
width: 511rpx; | |||||
margin: 0 auto; | |||||
height: 95rpx; | |||||
line-height: 95rpx; | |||||
font-size: 30rpx; | |||||
color: #333; | |||||
border-bottom: 1rpx solid #eee; | |||||
} | |||||
.titles { | |||||
width: 511rpx; | |||||
display: block; | |||||
text-align: center; | |||||
height: 50rpx; | |||||
margin: 0 auto; | |||||
padding-top: 10rpx; | |||||
padding-bottom: 20rpx; | |||||
font-size: 32rpx; | |||||
font-weight: bold; | |||||
line-height: 41rpx; | |||||
border-bottom: 1rpx solid #eee; | |||||
} | |||||
.quessss >view:last-child { | |||||
border-bottom: 0; | |||||
} | |||||
.wmclose { | |||||
position: relative; | |||||
z-index: 10000; | |||||
display: block; | |||||
width: 70rpx; | |||||
} | |||||
.ques_gou { | |||||
position: absolute; | |||||
width: 20rpx; | |||||
top: 160rpx; | |||||
left: 23rpx; | |||||
} | |||||
.btnss { | |||||
color: #f8755b; | |||||
font-weight: bold; | |||||
font-size: 30rpx !important; | |||||
text-align: center !important; | |||||
} | |||||
.radios { | |||||
display: block; | |||||
font-size: 28rpx; | |||||
height: 95rpx; | |||||
line-height: 95rpx; | |||||
color: #333; | |||||
text-indent: 0.5em; | |||||
} | |||||
.elecard { | |||||
display: inline-block; | |||||
margin-left: 6rpx; | |||||
color: rgba(254, 70, 20, 1); | |||||
border: 1px solid rgba(254, 70, 20, 1); | |||||
border-radius: 8rpx; | |||||
font-style: normal; | |||||
font-size: 30rpx; | |||||
line-height: 40rpx; | |||||
padding: 0 6rpx; | |||||
} | |||||
.btns { | |||||
/* padding: 0 33rpx; */ | |||||
position: fixed; | |||||
left: 0; | |||||
right: 0; | |||||
bottom: 0; | |||||
padding-bottom: 22rpx; | |||||
padding-top: 22rpx; | |||||
z-index: 12; | |||||
/* background: #fff; */ | |||||
} | |||||
.btnTxt { | |||||
width: 50rpx; | |||||
height: 30rpx; | |||||
line-height: 50rpx; | |||||
color: #fd782d; | |||||
font-size: 20rpx; | |||||
position: absolute; | |||||
right: 42rpx; | |||||
bottom: 15rpx; | |||||
} | |||||
.btns .fr, .btns .fl { | |||||
width: 277rpx; | |||||
height: 95rpx; | |||||
border-radius: 48rpx; | |||||
text-align: center; | |||||
} | |||||
.btns .fl { | |||||
margin-left: 20rpx; | |||||
color: #fff; | |||||
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); | |||||
} | |||||
.btns .fl text { | |||||
display: block; | |||||
font-size: 30rpx; | |||||
line-height: 34rpx; | |||||
} | |||||
.btns .fl text:nth-of-type(1) { | |||||
margin-top: 12rpx; | |||||
} | |||||
.btns .fr { | |||||
font-size: 30rpx; | |||||
color: #fff; | |||||
margin-right: 20rpx; | |||||
line-height: 95rpx; | |||||
background: linear-gradient(90deg, rgba(40, 179, 255, 1) 0%, rgba(48, 103, 255, 1) 100%); | |||||
/* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */ | |||||
} | |||||
.support-tansfer { | |||||
width: 60%; | |||||
border-radius: 50rpx; | |||||
margin-top: 30rpx; | |||||
/* background: #02c0ff !important; */ | |||||
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); | |||||
} | |||||
.shaddow { | |||||
z-index: 100; | |||||
position: fixed; | |||||
width: 100%; | |||||
height: 100%; | |||||
top: 0px; | |||||
background: rgba(0, 0, 0, 0.8); | |||||
overflow: hidden; | |||||
} | |||||
.alert-box { | |||||
position: fixed; | |||||
top: 50%; | |||||
margin-top: -270rpx; | |||||
left: 10%; | |||||
width: 80%; | |||||
height: auto; | |||||
padding-bottom: 20rpx; | |||||
background: #fff; | |||||
z-index: 200; | |||||
border-radius: 20rpx; | |||||
} | |||||
.user-img { | |||||
position: absolute; | |||||
top: -50rpx; | |||||
left: 250rpx; | |||||
/* margin-left: -50rpx; */ | |||||
width: 100rpx; | |||||
height: 100rpx; | |||||
z-index: 300; | |||||
border-radius: 50rpx; | |||||
background: #fff; | |||||
overflow: hidden; | |||||
} | |||||
.user-img image { | |||||
width: 100rpx; | |||||
height: 100rpx; | |||||
} | |||||
.close { | |||||
position: absolute; | |||||
z-index: 300; | |||||
right: 0; | |||||
top: 0; | |||||
width: 100rpx; | |||||
height: 100rpx; | |||||
overflow: hidden; | |||||
} | |||||
.close image { | |||||
display: block; | |||||
width: 26rpx; | |||||
height: 26rpx; | |||||
margin: 20rpx 0 0 52rpx; | |||||
} | |||||
.a-title { | |||||
text-align: center; | |||||
margin-top: 76rpx; | |||||
font-size: 36rpx; | |||||
font-family: PingFang-SC-Medium; | |||||
font-weight: 500; | |||||
color: rgba(51, 51, 51, 1); | |||||
line-height: 44rpx; | |||||
} | |||||
.a-img { | |||||
position: relative; | |||||
width: 80%; | |||||
border-radius: 20rpx; | |||||
height: 294rpx; | |||||
overflow: hidden; | |||||
text-align: center; | |||||
margin: 30rpx auto 0; | |||||
} | |||||
.a-received { | |||||
position: absolute; | |||||
width: 100%; | |||||
height: 294rpx; | |||||
top: 0; | |||||
left: 0; | |||||
text-align: center; | |||||
line-height: 294rpx; | |||||
z-index: 320; | |||||
background: rgba(255, 255, 255, 1); | |||||
border: 0px solid rgba(151, 57, 117, 1); | |||||
opacity: 0.91; | |||||
font-size: 36rpx; | |||||
color: rgba(255, 51, 50, 1); | |||||
font-family: PingFang-SC-Medium; | |||||
} | |||||
.a-img image { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.bottom { | |||||
text-align: center; | |||||
height: 70rpx; | |||||
line-height: 70rpx; | |||||
color: #999; | |||||
font-size: 32rpx; | |||||
background: #fff; | |||||
padding-top: 20rpx; | |||||
} | |||||
.presslimit { | |||||
height: 34rpx; | |||||
line-height: 34rpx; | |||||
margin-top: 8rpx; | |||||
margin-left: 12rpx; | |||||
color: #fd782d; | |||||
font-size: 20rpx; | |||||
letter-spacing: 1.16rpx; | |||||
overflow: hidden; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
} | |||||
.presslimit text { | |||||
margin-left: 15rpx; | |||||
background: rgba(201, 201, 201, 0.1); | |||||
} | |||||
checkbox-group, radio-group { | |||||
height: 400rpx; | |||||
overflow-y: scroll; | |||||
} | |||||
.detailImg { | |||||
width: 100%; | |||||
background: #fff; | |||||
margin: auto; | |||||
} | |||||
.detailImg image { | |||||
display: block; | |||||
width: 92%; | |||||
padding: 0 4% 0 4%; | |||||
margin-bottom: 20rpx; | |||||
} | |||||
.content { | |||||
margin: 0; | |||||
padding: 0; | |||||
width: 100%; | |||||
height: 100%; | |||||
background: #f3f3f3; | |||||
position: relative; | |||||
} | |||||
.poster { | |||||
width: 100%; | |||||
height: 100%; | |||||
padding: 20rpx; | |||||
position: absolute; | |||||
top: 0; | |||||
left: 0; | |||||
} | |||||
.bottomsave { | |||||
width: 100%; | |||||
height: 140rpx; | |||||
line-height: 140rpx; | |||||
margin: auto 0; | |||||
bottom: 0; | |||||
left: 0; | |||||
right: 0; | |||||
border-top: 1px solid #ccc; | |||||
box-shadow: 0 0rpx 150rpx #ccc; | |||||
background: #fff; | |||||
} | |||||
.saveposter { | |||||
color: #fff; | |||||
width: 380rpx; | |||||
height: 80rpx; | |||||
border-radius: 50rpx; | |||||
background: #f08f04; | |||||
margin-top: 30rpx; | |||||
font-size: 32rpx; | |||||
} | |||||
.modal { | |||||
width: 100%; | |||||
height: 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
background: rgba(0, 0, 0, 0.5); | |||||
overflow: hidden; | |||||
z-index: 10000; | |||||
color: #fff; | |||||
} | |||||
.modal-content { | |||||
width: 540rpx; | |||||
height: 233rpx; | |||||
line-height: 60rpx; | |||||
overflow: hidden; | |||||
position: fixed; | |||||
top: 50%; | |||||
left: 0; | |||||
z-index: 11; | |||||
background: #f9f9f9; | |||||
margin: -16rpx 105rpx; | |||||
border-radius: 36rpx; | |||||
display: flex; | |||||
} | |||||
.modal-content view { | |||||
display: inline-block; | |||||
flex: 1; | |||||
text-align: center; | |||||
} | |||||
.modal-content view>text { | |||||
color: #000; | |||||
display: block; | |||||
font-size: 30rpx; | |||||
} | |||||
.modal-content view>image { | |||||
margin-top: 40rpx; | |||||
width: 90rpx; | |||||
height: 90rpx; | |||||
} | |||||
.wx-swiper-dots { | |||||
margin-bottom: 30rpx; | |||||
} | |||||
.quan { | |||||
float: left; | |||||
margin: 18rpx 15rpx 0 0; | |||||
width: 12rpx; | |||||
height: 12rpx; | |||||
background: #e1e1e1; | |||||
border-radius: 50%; | |||||
} | |||||
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { | |||||
margin-bottom: 2rpx; | |||||
} | |||||
.swiper-box .wx-swiper-dot { | |||||
width: 40rpx; | |||||
display: inline-flex; | |||||
height: 6rpx; | |||||
margin-left: 10rpx; | |||||
border-radius: 6rpx; | |||||
justify-content: space-between; | |||||
} | |||||
.swiper-box .wx-swiper-dot::before { | |||||
content: ''; | |||||
flex-grow: 1; | |||||
background: #ccc8c8; | |||||
} | |||||
.swiper-box .wx-swiper-dot-active::before { | |||||
background: #f6792b; | |||||
} | |||||
.jifen { | |||||
font-size: 30rpx; | |||||
} | |||||
.childText { | |||||
color: #333; | |||||
letter-spacing: 0; | |||||
font-size: 30rpx; | |||||
height: 70rpx; | |||||
line-height: 70rpx; | |||||
background-color: #fff; | |||||
width: 92%; | |||||
padding: 0 4%; | |||||
} | |||||
.childBox { | |||||
width: 92%; | |||||
padding: 0 4%; | |||||
display: flex; | |||||
flex-wrap: wrap; | |||||
justify-content: space-between; | |||||
} | |||||
.childItem { | |||||
width: 48%; | |||||
background-color: #fff; | |||||
border-radius: 10rpx; | |||||
overflow: hidden; | |||||
margin: 20rpx 0; | |||||
} | |||||
.childImg { | |||||
width: 90%; | |||||
margin: 10px auto; | |||||
display: block; | |||||
} | |||||
.childName { | |||||
margin-top: 10rpx; | |||||
margin: 10px; | |||||
font-size: 24rpx; | |||||
color: #919191; | |||||
} | |||||
.childMoney { | |||||
color: #fd782d; | |||||
font-size: 24rpx; | |||||
margin: 10px; | |||||
text-decoration: line-through; | |||||
} |
@@ -210,7 +210,7 @@ Page({ | |||||
gochild(e){ | gochild(e){ | ||||
let id = e.currentTarget.dataset.id | let id = e.currentTarget.dataset.id | ||||
wx.navigateTo({ | wx.navigateTo({ | ||||
url: `/pages/coupon/detail/index?couponIds=${id}`, | |||||
url: `/pages/coupon/childDetail/childDetail?couponIds=${id}`, | |||||
}) | }) | ||||
}, | }, | ||||
//获取当前登录用户信息 | //获取当前登录用户信息 | ||||
@@ -20,7 +20,7 @@ | |||||
</view> | </view> | ||||
<view class='coupons_info' style='position:relative;z-index:9'> | <view class='coupons_info' style='position:relative;z-index:9'> | ||||
<view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | |||||
<view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare' wx:if="{{data.sendType!=3}}"> | |||||
<image src='{{fenxiang}}' mode="widthFix"></image> | <image src='{{fenxiang}}' mode="widthFix"></image> | ||||
<text class='gift'>分享</text> | <text class='gift'>分享</text> | ||||
</view> | </view> | ||||
@@ -119,7 +119,7 @@ | |||||
<!-- 适用门店 --> | <!-- 适用门店 --> | ||||
<store merchantVoList="{{merchantVoList}}" wx:if="{{data.type!=12}}"></store> | <store merchantVoList="{{merchantVoList}}" wx:if="{{data.type!=12}}"></store> | ||||
<!-- 券包子券样式 --> | <!-- 券包子券样式 --> | ||||
<view class="childText">购买须知</view> | |||||
<!-- <view class="childText">购买须知</view> --> | |||||
<view class="childBox" > | <view class="childBox" > | ||||
<view class="childItem" wx:for="{{data.giftCouponList}}" bindtap="gochild" data-id="{{item.id}}" wx:key = "{{index}}"> | <view class="childItem" wx:for="{{data.giftCouponList}}" bindtap="gochild" data-id="{{item.id}}" wx:key = "{{index}}"> | ||||
<image class="childImg" mode='widthFix' src="{{item.coverImg}}"></image> | <image class="childImg" mode='widthFix' src="{{item.coverImg}}"></image> | ||||
@@ -156,10 +156,10 @@ | |||||
</button> | </button> | ||||
<button form-type="submit" disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.type!=11&&data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}"> | <button form-type="submit" disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.type!=11&&data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}"> | ||||
<text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | ||||
<button wx:if="{{data.type==11}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" | |||||
<button wx:if="{{data.type==11&&data.remainInventory!=0}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" | |||||
data-shippingtype="2" class="home">配送到家 | data-shippingtype="2" class="home">配送到家 | ||||
</button> | </button> | ||||
<button wx:if="{{data.type==11}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" | |||||
<button wx:if="{{data.type==11&&data.remainInventory!=0}}" bindtap="gohome" data-couponchannelid="{{couponChannelId}}" data-couponid="{{couponId}}" | |||||
data-shippingtype="1" class="arrive">到店购买 | data-shippingtype="1" class="arrive">到店购买 | ||||
</button> | </button> | ||||
<button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | ||||
@@ -126,8 +126,8 @@ Page({ | |||||
name: username, | name: username, | ||||
birthdate: birthdate, | birthdate: birthdate, | ||||
childrenList: tmeparr, | childrenList: tmeparr, | ||||
height: e.detail.value.height, | |||||
weight: e.detail.value.weight, | |||||
height: e.detail.value.height ? e.detail.value.height : that.data.height, | |||||
weight: e.detail.value.weight ? e.detail.value.weight : that.data.weight, | |||||
} | } | ||||
}) | }) | ||||
.then(res => { | .then(res => { | ||||
@@ -16,13 +16,13 @@ | |||||
</view> | </view> | ||||
<view class='section'> | <view class='section'> | ||||
<text>身高</text> | <text>身高</text> | ||||
<input wx:if="{{height}}" name="height" type="text" placeholder='请填写身高单位cm' /> | |||||
<input wx:if="{{!height}}" name="height" type="text" placeholder='请填写身高单位cm' /> | |||||
<input wx:if="{{height}}" name="height" type="text" placeholder='请填写身高单位cm' placeholder='{{height}}'/> | |||||
<input wx:if="{{!height}}" name="height" type="text" placeholder='请填写体重单位kg' /> | |||||
</view> | </view> | ||||
<view class='section'> | <view class='section'> | ||||
<text>体重</text> | <text>体重</text> | ||||
<input wx:if="{{weight}}" name="weight" type="text" placeholder='请填写身高单位cm' /> | |||||
<input wx:if="{{!weight}}" name="weight" type="text" placeholder='请填写体重单位gk' /> | |||||
<input wx:if="{{weight}}" name="weight" type="text" placeholder='请填写身高单位cm' placeholder='{{weight}}'/> | |||||
<input wx:if="{{!weight}}" name="weight" type="text" placeholder='请填写体重单位kg' /> | |||||
</view> | </view> | ||||
<view class="section section_gap"> | <view class="section section_gap"> | ||||
<text>性别</text> | <text>性别</text> | ||||
@@ -26,6 +26,7 @@ Page({ | |||||
thenArr: {}, //选中的地址对象 | thenArr: {}, //选中的地址对象 | ||||
contentType:0, | contentType:0, | ||||
shippingtype:1,//1是自提 2配送 | shippingtype:1,//1是自提 2配送 | ||||
total:0,//合计 | |||||
}, | }, | ||||
goAddStie() { | goAddStie() { | ||||
wx.navigateTo({ | wx.navigateTo({ | ||||
@@ -95,6 +96,14 @@ Page({ | |||||
}); | }); | ||||
}) | }) | ||||
}, | }, | ||||
setTotal(){ | |||||
//计算总和 | |||||
let str = 0 | |||||
str = (Number(this.data.salePriceStr) * (this.data.num)) + Number(this.data.freightPriceStr) | |||||
this.setData({ | |||||
total: str.toFixed(2) | |||||
}) | |||||
}, | |||||
addNum() { | addNum() { | ||||
let num = this.data.num | let num = this.data.num | ||||
if (this.data.num >= this.data.remainInventory) { | if (this.data.num >= this.data.remainInventory) { | ||||
@@ -108,6 +117,7 @@ Page({ | |||||
this.setData({ | this.setData({ | ||||
num: num | num: num | ||||
}) | }) | ||||
this.setTotal() | |||||
} | } | ||||
}, | }, | ||||
@@ -126,6 +136,7 @@ Page({ | |||||
this.setData({ | this.setData({ | ||||
num: num | num: num | ||||
}) | }) | ||||
this.setTotal() | |||||
} | } | ||||
}, | }, | ||||
hieShade() { | hieShade() { | ||||
@@ -297,6 +308,7 @@ Page({ | |||||
contentType: res.data.contentType | contentType: res.data.contentType | ||||
}) | }) | ||||
this.setTotal() | |||||
}).catch(err => { | }).catch(err => { | ||||
wx.showToast({ | wx.showToast({ | ||||
title: err.message ? err.message : err.data, | title: err.message ? err.message : err.data, | ||||
@@ -350,10 +362,10 @@ Page({ | |||||
}, | }, | ||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function() { | |||||
// /** | |||||
// * 用户点击右上角分享 | |||||
// */ | |||||
// onShareAppMessage: function() { | |||||
} | |||||
// } | |||||
}) | }) |
@@ -4,14 +4,15 @@ | |||||
<view class="siteBox" wx:if="{{shippingtype==2}}"> | <view class="siteBox" wx:if="{{shippingtype==2}}"> | ||||
<view wx:if="{{seti.length>0}}"> | <view wx:if="{{seti.length>0}}"> | ||||
<view class="siteTitle"> | <view class="siteTitle"> | ||||
<view class="siteTitleArr phoneBox"> | |||||
<view class="name">{{consignee}}</view> | |||||
<view class="phone">{{mobile}}</view> | |||||
</view> | |||||
<view class="text">{{area}}</view> | <view class="text">{{area}}</view> | ||||
<view class="mpren">默认</view> | |||||
<!-- <view class="mpren">默认</view> --> | |||||
</view> | </view> | ||||
<view class="siteTitle siteText">{{address}}</view> | <view class="siteTitle siteText">{{address}}</view> | ||||
<view class="siteTitle phoneBox"> | |||||
<view class="name">{{consignee}}</view> | |||||
<view class="phone">{{mobile}}</view> | |||||
</view> | |||||
<view class="pudataSite" bindtap="showTShade">更换</view> | <view class="pudataSite" bindtap="showTShade">更换</view> | ||||
</view> | </view> | ||||
<view class="addSeit" wx:if="{{seti.length==0}}" bindtap="goAddStie">添加收货地址</view> | <view class="addSeit" wx:if="{{seti.length==0}}" bindtap="goAddStie">添加收货地址</view> | ||||
@@ -49,12 +50,16 @@ | |||||
</view> | </view> | ||||
<view class="accountBox"> | <view class="accountBox"> | ||||
<view class="total">合计</view> | <view class="total">合计</view> | ||||
<view class="money">¥{{(salePriceStr*num)+(freightPriceStr*1)}}</view> | |||||
<view class="money" wx:if="{{shippingtype==1}}">¥{{(salePriceStr*num)}}</view> | |||||
<view class="money" wx:if="{{shippingtype==2}}">¥{{total}}</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="payBox"> | <view class="payBox"> | ||||
<view class="moneyStr">¥{{(salePriceStr*num)+(freightPriceStr*1)}}</view> | |||||
<view class="moneyStr" wx:if="{{shippingtype==1}}">¥{{(salePriceStr*num)}}</view> | |||||
<view class="moneyStr" wx:if="{{shippingtype==2}}">¥{{total}}</view> | |||||
<view class="pay" bindtap="pay">支付</view> | <view class="pay" bindtap="pay">支付</view> | ||||
</view> | </view> | ||||
@@ -65,16 +70,20 @@ | |||||
<view class="siteBox shade"> | <view class="siteBox shade"> | ||||
<view class="siteItem" wx:for="{{seti}}" bindtap="setSite" data-id="{{item.id}}"> | <view class="siteItem" wx:for="{{seti}}" bindtap="setSite" data-id="{{item.id}}"> | ||||
<view> | |||||
<view class="siteTitle"> | |||||
<view class="text">{{item.regionStr}}</view> | |||||
</view> | |||||
<view class="siteTitle siteText">{{item.address}}</view> | |||||
<view class="siteTitle phoneBox" style="border-bottom: 1rpx #999 solid;padding-bottom: 20rpx;"> | |||||
<view style="overflow: hidden;position: relative"> | |||||
<view class="siteTitle phoneBox" > | |||||
<view class="name">{{item.consignee}}</view> | <view class="name">{{item.consignee}}</view> | ||||
<view class="phone">{{item.mobile}}</view> | <view class="phone">{{item.mobile}}</view> | ||||
</view> | </view> | ||||
<view class="siteTitle"> | |||||
<view class="text">{{item.regionStr}}</view> | |||||
</view> | |||||
<view class="siteTitle siteText" style="border-bottom: 1rpx #999 solid;padding-bottom: 20rpx;">{{item.address}}</view> | |||||
<view class="ditText" wx:if="{{index==0}}">默认</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> |
@@ -22,6 +22,12 @@ | |||||
overflow: hidden; | overflow: hidden; | ||||
margin: 20rpx ; | margin: 20rpx ; | ||||
} | } | ||||
.siteTitleArr{ | |||||
overflow: hidden; | |||||
margin: 20rpx 0; | |||||
} | |||||
.text{ | .text{ | ||||
float: left; | float: left; | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
@@ -34,19 +40,21 @@ | |||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
} | } | ||||
.siteText{ | .siteText{ | ||||
font-size: 28rpx; | |||||
font-size: 26rpx; | |||||
color: #999; | |||||
} | } | ||||
.phoneBox{ | .phoneBox{ | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.name{ | .name{ | ||||
float: left; | float: left; | ||||
font-size: 24rpx; | |||||
color: #999; | |||||
font-size: 28rpx; | |||||
color: #000; | |||||
} | } | ||||
.phone{ | .phone{ | ||||
font-size: 24rpx; | |||||
color: #999; | |||||
font-size: 28rpx; | |||||
color: #000; | |||||
float: left; | float: left; | ||||
margin-left: 30rpx | margin-left: 30rpx | ||||
} | } | ||||
@@ -100,18 +108,33 @@ | |||||
} | } | ||||
.add{ | .add{ | ||||
float: right; | float: right; | ||||
width: 30rpx; | |||||
width: 40rpx; | |||||
height: 40rpx; | |||||
text-align: center; | text-align: center; | ||||
border: 1rpx #999 solid; | |||||
border-radius: 50%; | |||||
color: #999; | |||||
} | } | ||||
.number{ | .number{ | ||||
float: right; | float: right; | ||||
width: 30rpx; | width: 30rpx; | ||||
height: 40rpx; | |||||
line-height: 40rpx; | |||||
text-align: center; | text-align: center; | ||||
margin: 0 10rpx; | |||||
} | } | ||||
.dle{ | .dle{ | ||||
float: right; | float: right; | ||||
width: 30rpx; | |||||
width: 40rpx; | |||||
height: 40rpx; | |||||
text-align: center; | text-align: center; | ||||
border: 1rpx #999 solid; | |||||
border-radius: 50%; | |||||
color: #999; | |||||
} | } | ||||
.costBox{ | .costBox{ | ||||
overflow: hidden; | overflow: hidden; | ||||
@@ -184,4 +207,14 @@ | |||||
max-height: 70vh; | max-height: 70vh; | ||||
overflow: scroll; | overflow: scroll; | ||||
margin: 300rpx auto 0 auto; | margin: 300rpx auto 0 auto; | ||||
} | |||||
.ditText{ | |||||
position: absolute; | |||||
top: 40rpx; | |||||
right: 40rpx; | |||||
background-color: #FD832D; | |||||
padding: 10rpx; | |||||
color: #fff; | |||||
font-size: 24rpx; | |||||
border-radius: 10rpx; | |||||
} | } |
@@ -2,11 +2,16 @@ | |||||
<view style="height:{{navigationBarHeight}} "></view> | <view style="height:{{navigationBarHeight}} "></view> | ||||
<view class="siteItem" wx:for="{{list}}" > | <view class="siteItem" wx:for="{{list}}" > | ||||
<view class="siteBox"> | <view class="siteBox"> | ||||
<view class="region">{{item.regionSty}}</view> | |||||
<view class="titleBox"> | |||||
<view class="moTxet" wx:if="{{index==0}}">默认</view> | |||||
<view class="{{index==0?'regionT':'region'}}">{{item.consignee}} {{item.mobile}}</view> | |||||
</view> | |||||
<view class="region phone">{{item.regionSty}} </view> | |||||
<view class="region detail">{{item.address}}</view> | <view class="region detail">{{item.address}}</view> | ||||
<view class="region phone">{{item.consignee}} {{item.mobile}}</view> | |||||
</view> | </view> | ||||
<view class="updataImg" bindtap="dutu" data-id="{{item.id}}"></view> | |||||
<image mode="aspectFit" bindtap="dutu" data-id="{{item.id}}" class="updataImg" src="https://formall.oss-accelerate.aliyuncs.com/cimg/siteUpdata.png"></image> | |||||
</view> | </view> | ||||
<view class="addSite" bindtap="goAdd">+新建收货地址</view> | <view class="addSite" bindtap="goAdd">+新建收货地址</view> |
@@ -10,13 +10,33 @@ page{ | |||||
border: 1rpx #fff solid; | border: 1rpx #fff solid; | ||||
overflow: hidden; | overflow: hidden; | ||||
background-color: #fff; | background-color: #fff; | ||||
position: relative; | |||||
} | } | ||||
.siteBox{ | .siteBox{ | ||||
float: left; | float: left; | ||||
width: 90%; | width: 90%; | ||||
} | } | ||||
.titleBox{ | |||||
overflow: hidden; | |||||
} | |||||
.moTxet{ | |||||
background-color: #FD832D; | |||||
color: #fff; | |||||
float: left; | |||||
font-size: 22rpx; | |||||
padding: 5rpx; | |||||
border-radius: 6rpx; | |||||
margin: 10rpx; | |||||
} | |||||
.region{ | .region{ | ||||
padding: 10rpx; | padding: 10rpx; | ||||
} | |||||
.regionT{ | |||||
float: left; | |||||
margin: 10rpx; | |||||
} | } | ||||
.detail{ | .detail{ | ||||
color: #999; | color: #999; | ||||
@@ -30,8 +50,8 @@ page{ | |||||
float: right; | float: right; | ||||
width: 60rpx; | width: 60rpx; | ||||
height: 60rpx; | |||||
background-color: #fac; | |||||
height: 50rpx; | |||||
/* background-color: #fac; */ | |||||
margin-top: 50rpx; | margin-top: 50rpx; | ||||
margin-right: 2rpx | margin-right: 2rpx | ||||
} | } | ||||
@@ -44,4 +64,4 @@ page{ | |||||
border-radius: 100rpx; | border-radius: 100rpx; | ||||
margin: 20rpx auto; | margin: 20rpx auto; | ||||
line-height: 60rpx; | line-height: 60rpx; | ||||
} | |||||
} |
@@ -84,5 +84,8 @@ Page({ | |||||
}) | }) | ||||
} | } | ||||
}, | }, | ||||
onShareAppMessage: function (options) { | |||||
} | |||||
}); | }); |