@@ -1,6 +1,5 @@ | |||
{ | |||
"pages": [ | |||
"pages/index/index", | |||
"pages/main/index", | |||
"index/searchbar", | |||
@@ -77,7 +76,8 @@ | |||
"pages/site/site", | |||
"pages/siteUser/siteUser", | |||
"pages/siteAdd/siteAdd", | |||
"pages/fillIndent/fillIndent" | |||
"pages/fillIndent/fillIndent", | |||
"pages/coupon/childDetail/childDetail" | |||
], | |||
"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){ | |||
let id = e.currentTarget.dataset.id | |||
wx.navigateTo({ | |||
url: `/pages/coupon/detail/index?couponIds=${id}`, | |||
url: `/pages/coupon/childDetail/childDetail?couponIds=${id}`, | |||
}) | |||
}, | |||
//获取当前登录用户信息 | |||
@@ -20,7 +20,7 @@ | |||
</view> | |||
<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> | |||
<text class='gift'>分享</text> | |||
</view> | |||
@@ -119,7 +119,7 @@ | |||
<!-- 适用门店 --> | |||
<store merchantVoList="{{merchantVoList}}" wx:if="{{data.type!=12}}"></store> | |||
<!-- 券包子券样式 --> | |||
<view class="childText">购买须知</view> | |||
<!-- <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> | |||
@@ -156,10 +156,10 @@ | |||
</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}}" | |||
<button wx:if="{{data.type==11&&data.remainInventory!=0}}" 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}}" | |||
<button wx:if="{{data.type==11&&data.remainInventory!=0}}" 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> | |||
@@ -126,8 +126,8 @@ Page({ | |||
name: username, | |||
birthdate: birthdate, | |||
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 => { | |||
@@ -16,13 +16,13 @@ | |||
</view> | |||
<view class='section'> | |||
<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 class='section'> | |||
<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 class="section section_gap"> | |||
<text>性别</text> | |||
@@ -26,6 +26,7 @@ Page({ | |||
thenArr: {}, //选中的地址对象 | |||
contentType:0, | |||
shippingtype:1,//1是自提 2配送 | |||
total:0,//合计 | |||
}, | |||
goAddStie() { | |||
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() { | |||
let num = this.data.num | |||
if (this.data.num >= this.data.remainInventory) { | |||
@@ -108,6 +117,7 @@ Page({ | |||
this.setData({ | |||
num: num | |||
}) | |||
this.setTotal() | |||
} | |||
}, | |||
@@ -126,6 +136,7 @@ Page({ | |||
this.setData({ | |||
num: num | |||
}) | |||
this.setTotal() | |||
} | |||
}, | |||
hieShade() { | |||
@@ -297,6 +308,7 @@ Page({ | |||
contentType: res.data.contentType | |||
}) | |||
this.setTotal() | |||
}).catch(err => { | |||
wx.showToast({ | |||
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 wx:if="{{seti.length>0}}"> | |||
<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="mpren">默认</view> | |||
<!-- <view class="mpren">默认</view> --> | |||
</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> | |||
<view class="addSeit" wx:if="{{seti.length==0}}" bindtap="goAddStie">添加收货地址</view> | |||
@@ -49,12 +50,16 @@ | |||
</view> | |||
<view class="accountBox"> | |||
<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 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> | |||
@@ -65,16 +70,20 @@ | |||
<view class="siteBox shade"> | |||
<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="phone">{{item.mobile}}</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> |
@@ -22,6 +22,12 @@ | |||
overflow: hidden; | |||
margin: 20rpx ; | |||
} | |||
.siteTitleArr{ | |||
overflow: hidden; | |||
margin: 20rpx 0; | |||
} | |||
.text{ | |||
float: left; | |||
font-size: 26rpx; | |||
@@ -34,19 +40,21 @@ | |||
margin-left: 20rpx; | |||
} | |||
.siteText{ | |||
font-size: 28rpx; | |||
font-size: 26rpx; | |||
color: #999; | |||
} | |||
.phoneBox{ | |||
overflow: hidden; | |||
} | |||
.name{ | |||
float: left; | |||
font-size: 24rpx; | |||
color: #999; | |||
font-size: 28rpx; | |||
color: #000; | |||
} | |||
.phone{ | |||
font-size: 24rpx; | |||
color: #999; | |||
font-size: 28rpx; | |||
color: #000; | |||
float: left; | |||
margin-left: 30rpx | |||
} | |||
@@ -100,18 +108,33 @@ | |||
} | |||
.add{ | |||
float: right; | |||
width: 30rpx; | |||
width: 40rpx; | |||
height: 40rpx; | |||
text-align: center; | |||
border: 1rpx #999 solid; | |||
border-radius: 50%; | |||
color: #999; | |||
} | |||
.number{ | |||
float: right; | |||
width: 30rpx; | |||
height: 40rpx; | |||
line-height: 40rpx; | |||
text-align: center; | |||
margin: 0 10rpx; | |||
} | |||
.dle{ | |||
float: right; | |||
width: 30rpx; | |||
width: 40rpx; | |||
height: 40rpx; | |||
text-align: center; | |||
border: 1rpx #999 solid; | |||
border-radius: 50%; | |||
color: #999; | |||
} | |||
.costBox{ | |||
overflow: hidden; | |||
@@ -184,4 +207,14 @@ | |||
max-height: 70vh; | |||
overflow: scroll; | |||
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 class="siteItem" wx:for="{{list}}" > | |||
<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 phone">{{item.consignee}} {{item.mobile}}</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 class="addSite" bindtap="goAdd">+新建收货地址</view> |
@@ -10,13 +10,33 @@ page{ | |||
border: 1rpx #fff solid; | |||
overflow: hidden; | |||
background-color: #fff; | |||
position: relative; | |||
} | |||
.siteBox{ | |||
float: left; | |||
width: 90%; | |||
} | |||
.titleBox{ | |||
overflow: hidden; | |||
} | |||
.moTxet{ | |||
background-color: #FD832D; | |||
color: #fff; | |||
float: left; | |||
font-size: 22rpx; | |||
padding: 5rpx; | |||
border-radius: 6rpx; | |||
margin: 10rpx; | |||
} | |||
.region{ | |||
padding: 10rpx; | |||
} | |||
.regionT{ | |||
float: left; | |||
margin: 10rpx; | |||
} | |||
.detail{ | |||
color: #999; | |||
@@ -30,8 +50,8 @@ page{ | |||
float: right; | |||
width: 60rpx; | |||
height: 60rpx; | |||
background-color: #fac; | |||
height: 50rpx; | |||
/* background-color: #fac; */ | |||
margin-top: 50rpx; | |||
margin-right: 2rpx | |||
} | |||
@@ -44,4 +64,4 @@ page{ | |||
border-radius: 100rpx; | |||
margin: 20rpx auto; | |||
line-height: 60rpx; | |||
} | |||
} |
@@ -84,5 +84,8 @@ Page({ | |||
}) | |||
} | |||
}, | |||
onShareAppMessage: function (options) { | |||
} | |||
}); |