You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
7.8 KiB
134 lines
7.8 KiB
<!--pages/kj/info/index.wxml-->
|
|
<title title="砍价详情"></title>
|
|
<view class="content" wx:if="{{info}}">
|
|
<view class="top-info" wx:if="{{info.user_record && info.user_record.over_time && info.isOver || info.user_record && info.user_record.flag=='over'}}">
|
|
<image src="{{info.user_record.avatar}}" mode="aspectFill"></image>
|
|
<view class="time-tip time-tip1" style="margin-left:0">已结束</view>
|
|
<view class="rule-box" bindtap="showRule">活动规则</view>
|
|
</view>
|
|
<view class="top-info" wx:elif="{{info.user_record && info.user_record.over_time}}">
|
|
<image src="{{info.user_record.avatar}}" mode="aspectFill"></image>
|
|
<view class="time-box">{{info.h}}</view>
|
|
<view class="time-tip">:</view>
|
|
<view class="time-box">{{info.m}}</view>
|
|
<view class="time-tip">:</view>
|
|
<view class="time-box">{{info.s}}</view>
|
|
<view class="time-tip time-tip1">后结束</view>
|
|
<view class="rule-box" bindtap="showRule">活动规则</view>
|
|
</view>
|
|
<view class="top-info" wx:else>
|
|
<image src="{{userInfo.avatar}}" mode="aspectFill"></image>
|
|
<view class="time-tip time-tip1" style="margin-left:0">{{userInfo.nickname}}</view>
|
|
<view class="rule-box" bindtap="showRule">活动规则</view>
|
|
</view>
|
|
<view class="info-box">
|
|
<view class="info-tip">砍至0元可进行购买</view>
|
|
<image src="{{info.detail.headimg}}" mode="aspectFill"></image>
|
|
<view class="info">
|
|
<view class="info-top">
|
|
<view class="info-top-left">
|
|
<view class="info-title">{{info.detail.title+info.detail.sku_name}}</view>
|
|
<view class="info-price">￥{{info.detail.kj_money/100}}</view>
|
|
</view>
|
|
<view class="info-top-right">
|
|
<view bindtap="gotoProduct" class="info-more">查看详情 ></view>
|
|
<view class="info-num">数量：1</view>
|
|
</view>
|
|
</view>
|
|
<view class="info-progress">
|
|
<view class="info-progress-text">已砍<text class="info-progress-num1">￥{{info.user_record.bargined_money/100}}</text><text>剩余</text><text class="info-progress-num">￥{{(info.detail.kj_money-info.user_record.bargined_money)/100}}</text></view>
|
|
<view class="info-progress-bg">
|
|
<view class="info-progress-top" style="width:{{info.user_record.bargined_money/info.detail.kj_money*100}}%"></view>
|
|
</view>
|
|
</view>
|
|
<!-- 砍价未发起的时候 -->
|
|
<view wx:if="{{isKj==false && !info.user_record.id}}">
|
|
<view class="info-btns" style="border:none">
|
|
<view class="info-btn-kan" bindtap="startKj">发起活动，喊好友砍一刀</view>
|
|
</view>
|
|
<view class="faqi-tip">点击上方“发起活动”按钮，邀请好友来砍价!</view>
|
|
<view class="buy-tip" bindtap="gotoDetail" data-type="none">原价购买 >></view>
|
|
</view>
|
|
<!-- 砍价已发起未结束的时候 -->
|
|
<view wx:if="{{isKj==false && info.user_record && info.user_record.flag=='ing'}}">
|
|
<view class="info-btns" style="border:none">
|
|
<button class="info-btn-kan" bindtap="share">喊好友砍一刀</button>
|
|
</view>
|
|
<view class="faqi-tip" wx:if="{{info.detail.success_need_num}}">预计再邀请<text style="color:#E14135;font-size:30rpx;font-weight:bold;margin:0 5rpx">{{info.detail.success_need_num}}</text>人后砍价完成</view>
|
|
<view class="buy-tip" bindtap="gotoDetail" data-type="none">原价购买 >></view>
|
|
</view>
|
|
<!-- 帮好友砍价前 -->
|
|
<view class="info-btns" style="border:none" wx:if="{{isKj && info.help_user==false}}">
|
|
<view class="info-btn-kan" bindtap="kanjia">帮好友砍一刀</view>
|
|
</view>
|
|
<!-- 帮好友砍价后 -->
|
|
<view wx:if="{{isKj && info.help_user}}" class="info-btns" style="border:none;background: rgba(255, 145, 36, 0.3);">
|
|
<view class="info-disable-btn" style="background: linear-gradient(0deg, #E14135, #FF9124);">已帮好友砍价!</view>
|
|
<view class="info-btn" bindtap="join">我也要参与 >></view>
|
|
</view>
|
|
<!-- 砍价成功的时候 -->
|
|
<view wx:if="{{isKj==false && info.user_record && info.user_record.flag=='over'}}" class="info-btns" style="border:none;background: rgba(255, 145, 36, 0.3);">
|
|
<view class="info-disable-btn" style="background: linear-gradient(0deg, #E14135, #FF9124);">恭喜已砍成!</view>
|
|
<view class="info-btn" bindtap="gotoDetail">前往填写订单 >></view>
|
|
</view>
|
|
<!-- 砍价失败的时候 -->
|
|
<view wx:if="{{isKj==false && info.user_record && (info.user_record.flag=='fail' || info.user_record.flag=='expired')}}" class="info-btns">
|
|
<view class="info-disable-btn">{{info.user_record.failMsg || '砍价失败'}}</view>
|
|
<view class="info-btn" bindtap="gotoDetail" data-type='fail'>继续购买 >></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="kanjia-his" wx:if="{{info.user_record && info.user_record.id && helpList && helpList.length>0}}">
|
|
<view class="kanjia-title-box">
|
|
<view class="kanjia-line"></view>
|
|
<view class="kanjia-title">帮砍记录</view>
|
|
<navigator url="../his/index?id={{info.user_record.id}}" class="kanjia-tip">{{info.user_record.bargined_num}}人已帮砍 ></navigator>
|
|
</view>
|
|
<view class="kanjia-list">
|
|
<view class="kanjia-item" wx:for="{{helpList}}">
|
|
<image src="{{item.avatar}}" mode="aspectFill"></image>
|
|
<view class="username">{{item.help_user_name}}</view>
|
|
<view class="userprice">-￥{{item.bargined_money/100}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="mask" wx:if="{{info && showRuleFlag}}">
|
|
<view class="mask-bg" bindtap="showRule"></view>
|
|
<view class="mask-content" style="padding:20rpx;max-height:50%;overflow-y:auto;min-height:30%;">
|
|
<rich-text nodes="{{info.detail.act.rule_content}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view class="mask" wx:if="{{showShareFlag}}">
|
|
<view class="mask-bg" bindtap="hideShare"></view>
|
|
<view class="mask-content" style="width:500rpx;overflow:hidden;text-align:center;color:#E14135;padding:40rpx 0;">
|
|
<view>请先关注公众号</view>
|
|
<image bindlongpress="saveImg" style="width:260rpx;height:260rpx;display:block;margin:40rpx auto;border-radius:10rpx;border:1rpx solid" src="https://resources.jszhwlpt.com/d3c2d106-b893-474f-bf5c-091bd04f247f.jpeg" mode="aspectFill" class="codeimg"></image>
|
|
<view style="color:#333">长按保存二维码</view>
|
|
</view>
|
|
</view>
|
|
<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1">
|
|
<canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'>
|
|
</canvas>
|
|
<canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas>
|
|
</view>
|
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;">
|
|
<view class="mask-bg" bindtap="share"></view>
|
|
<view class="mask-content share-img-box">
|
|
<image class="share-img" src="{{shareImg}}" mode="widthFix"></image>
|
|
<view class="share-tips">
|
|
<view style="position:relative">
|
|
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/img.png" mode="widthFix"></image>
|
|
<view>保存图片到相册</view>
|
|
<view class="tipimg"><image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok.png" mode="widthFix"></image></view>
|
|
</view>
|
|
<image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
|
|
<view style="position:relative">
|
|
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/code.png" mode="widthFix"></image>
|
|
<view>微信识别二维码</view>
|
|
<view class="tipimg"><image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok1.png" mode="widthFix"></image></view>
|
|
</view>
|
|
</view>
|
|
<view class="save-btn" bindtap="save">保存到相册</view>
|
|
</view>
|
|
</view>
|