detail.wxml 13.9 KB
<import src="../../../vendors/zanui/actionsheet/index.wxml" />
<wxs src="../../../wxs/helper.wxs" module="helper" />
<view style="display:flex;">
    <image class="detail-banner-image" src="{{helper.image(defaultImage, 750, 470, 1)}}"></image>
</view>
<view class="detail-container">
    <view class="product-name">
        <text class="name">{{productName}}</text>
    </view>
    <view class="realPrice">{{price}}</view>
    <view class="advanceTitleView">
        <view class="advanceTime">
            <view class="image-time"><image class="image-time" src="../../../static/images/shijian2@3x.png"></image></view>
            <block wx:if="{{saleTime}}">
                <view class="text-time">{{saleTime}}发售</view>
            </block>
            <block>
                <view class="text-time">发售时间待定</view>
            </block>
        </view>
        <view class="advanceTitle">{{reminderNum}}人已关注</view>
    </view>
    <view class="detail-btn" bindtap="buyNow">查看商品详情</view>
</view>
<view class="line"></view>
<view class="detail-container">
    <view class="goodsInfo">
        <view wx:for="{{productDesc}}">
            <view style="display:flex;">
                <image class="intro-image" src="{{helper.image(item.imageUrl, 690, 432, 1)}}" wx:if="{{item.imageUrl}}"></image>
            </view>
            <view class="desc">{{item.intro}}</view>
        </view>
    </view>
</view>
<view wx:if="{{showAssisList}}" style="height:70rpx;"></view>
<view style="height:100rpx;"></view>

<assis-list wx:if="{{showAssisList}}" list="{{avatarList}}" num="{{assisLimit}}"></assis-list>

<block wx:if="{{limitProductType === 4}}">
    <block wx:if="{{showStatus === 1}}">
        <block wx:if="{{productSourceType === 1}}">

            <action-bar wx:if="{{assisStatus === 1}}">
                <view class="bottom1-action">
                    <view class="action-btn" bindtap="assisShare">邀请好友助力获取限购码</view>
                    <view class="help">?</view>
                </view>
            </action-bar>

            <action-bar wx:elif="{{assisStatus === 2}}">
                <view class="bottom1-action">
                    <view class="action-btn3">即将开售</view>
                </view>
            </action-bar>

            <action-bar wx:else>
                <view class="top-assis-action">
                    <view class="top-title" >当前活动已结束</view>
                    <view class="top-action1">
                        <view class="top-ok" bindtap="goList">查看其他活动</view>
                    </view>
                </view>
            </action-bar>
        </block>

        <block wx:if="{{productSourceType === 2}}">
            <action-bar wx:if="{{assisStatus === 3}}">
                <view class="top-assis-action">
                    <view class="top-title" >你的好友邀请你为ta助力</view>
                    <view class="top-action">
                        <view class="top-ok" bindtap="assisAction">帮ta助力</view>
                        <view class="top-cancel" bindtap="assisCancel">取消</view>
                    </view>
                </view>
            </action-bar>

            <action-bar wx:elif="{{assisStatus === 2}}">
                <view class="top-assis-action">
                    <view class="top-title">你的好友已助力成功</view>
                    <view class="top-ok" bindtap="restartSelfShare">我也要参加</view>
                </view>
            </action-bar>

            <action-bar wx:elif="{{assisStatus === 4}}">
                <view class="bottom1-action">
                    <view class="action-btn">已助力</view>
                    <view class="help">?</view>
                </view>
            </action-bar>

            <action-bar wx:else>
                <view class="top-assis-action">
                    <view class="top-title" >当前活动已结束</view>
                    <view class="top-action1">
                        <view class="top-ok" bindtap="goList">查看其他活动</view>
                    </view>
                </view>
            </action-bar>
        </block>
    </block>

    <block wx:elif="{{showStatus === 2 || showStatus === 7}}">
        <action-bar>
            <view class="bottom1-action">
                <view class="action-btn disable">立即购买</view>
            </view>
        </action-bar>
    </block>

    <block wx:elif="{{showStatus === 3}}">
        <action-bar>
            <view class="top-assis-action">
                <view class="top-title" >当前活动已结束</view>
                <view class="top-action1">
                    <view class="top-ok" bindtap="goList">查看其他活动</view>
                </view>
            </view>
        </action-bar>
    </block>

    <block wx:elif="{{showStatus === 4}}">
        <action-bar>
            <view class="bottom1-action">
                <view class="action-btn ok" bindtap="buyNow">立即购买</view>
            </view>
        </action-bar>
    </block>

    <block wx:elif="{{showStatus === 5}}">
        <action-bar>
            <view class="bottom1-action">
                <view class="action-btn2 disable">即将售罄</view>
            </view>
        </action-bar>
    </block>

    <block wx:elif="{{showStatus === 6}}">
        <action-bar>
            <view class="bottom1-action">
                <view class="action-btn2 disable">即将开售</view>
            </view>
        </action-bar>
    </block>

    <block wx:else>
        <action-bar>
            <view class="top-assis-action">
                <view class="top-title" >当前活动已结束</view>
                <view class="top-action1">
                    <view class="top-ok" bindtap="goList">查看其他活动</view>
                </view>
            </view>
        </action-bar>
    </block>

</block>

<block wx:elif="{{limitProductType === 5}}">
    <block wx:if="{{productSourceType === 1}}">
        <action-bar wx:if="{{queueStatus === 1}}">
            <view class="bottom1-action">
                <view class="action-btn3">即将开售</view>
                <view class="help">?</view>
            </view>
        </action-bar>

        <action-bar wx:elif="{{queueStatus === 2}}">
            <view class="bottom1-action">
                <view class="action-btn" bindtap="goQueueList">参加排队</view>
                <view class="help">?</view>
            </view>
        </action-bar>

        <action-bar wx:elif="{{queueStatus === 3}}">
            <view class="bottom1-action">
                <view class="action-list">
                    <view class="action-btn3" bindtap="goQueueList">排队中,查看详情</view>
                    <view class="action-btn" bindtap="assisShare">邀请好友助力排队</view>
                </view>

                <view class="help">?</view>
            </view>
        </action-bar>

        <block wx:elif="{{queueStatus === 4}}">
            <block wx:if="{{showStatus === 3}}">
                <action-bar>
                    <view class="top-assis-action">
                        <view class="top-title" >当前活动已结束</view>
                        <view class="top-action1">
                            <view class="top-ok" bindtap="goList">查看其他活动</view>
                        </view>
                    </view>
                </action-bar>
            </block>

            <block wx:elif="{{showStatus === 4}}">
                <action-bar>
                    <view class="bottom1-action">
                        <view class="action-btn ok" bindtap="buyNow">立即购买</view>
                    </view>
                </action-bar>
            </block>

            <block wx:elif="{{showStatus === 6}}">
                <action-bar>
                    <view class="bottom1-action">
                        <view class="action-btn2 disable">即将开售</view>
                    </view>
                </action-bar>
            </block>

            <block wx:elif="{{showStatus === 7}}">
                <action-bar>
                    <view class="bottom1-action">
                        <view class="action-btn disable">立即购买</view>
                    </view>
                </action-bar>
            </block>

            <action-bar wx:else>
                <view class="top-assis-action">
                    <view class="top-title" >当前活动已结束</view>
                    <view class="top-action1">
                        <view class="top-ok" bindtap="goList">查看其他活动</view>
                    </view>
                </view>
            </action-bar>
        </block>

        <action-bar wx:else>
            <view class="top-assis-action">
                <view class="top-title" >当前活动已结束</view>
                <view class="top-action1">
                    <view class="top-ok" bindtap="goList">查看其他活动</view>
                </view>
            </view>
        </action-bar>

    </block>

    <block wx:if="{{productSourceType === 2}}">
        <action-bar wx:if="{{queueStatus === 1}}">
            <view class="bottom1-action">
                <view class="action-btn3">即将开售</view>
                <view class="help">?</view>
            </view>
        </action-bar>

        <action-bar wx:elif="{{queueStatus === 3}}">
            <view class="top-assis-action">
                <view class="top-title" >你的好友邀请你为ta助力参加排队</view>
                <view class="top-action">
                    <view class="top-ok" bindtap="queueAction">帮ta助力</view>
                    <view class="top-cancel" bindtap="queueCancel">取消</view>
                </view>
            </view>
        </action-bar>

        <block wx:elif="{{queueStatus === 4}}">
            <block wx:if="{{showStatus === 2}}">
                <action-bar>
                    <view class="bottom1-action">
                        <view class="action-btn disable">立即购买</view>
                    </view>
                </action-bar>
            </block>
            <block wx:elif="{{showStatus === 5}}">
                <action-bar>
                    <view class="bottom1-action">
                        <view class="action-btn2 disable">即将售罄</view>
                    </view>
                </action-bar>
            </block>
            <action-bar wx:else>
                <view class="top-assis-action">
                    <view class="top-title" >当前活动已结束</view>
                    <view class="top-action1">
                        <view class="top-ok" bindtap="goList">查看其他活动</view>
                    </view>
                </view>
            </action-bar>
        </block>

        <block wx:elif="{{queueStatus === 5}}">
            <action-bar>
            <view class="bottom1-action">
                <view class="action-btn">已助力</view>
                <view class="help">?</view>
            </view>
            </action-bar>
        </block>

        <action-bar wx:else>
            <view class="top-assis-action">
                <view class="top-title" >当前活动已结束</view>
                <view class="top-action1">
                    <view class="top-ok" bindtap="goList">查看其他活动</view>
                </view>
            </view>
        </action-bar>
    </block>
</block>

<block wx:if="{{modal}}">
<yoho-alert wx:if="{{assisSuccess === 1}}" bindcancel="hideAlert">
    <view class="modal-content">
        <view class="modal-title">
            <view class="sub-title">助力成功</view>
            <view class="sub-title2">帮好友助力成功,您也来参与吧~</view>
        </view>
        
        <view class="modal-ok" bindtap="restartSelfShare">
            我也要参加
        </view>
    </view>
</yoho-alert>

<yoho-alert wx:if="{{assisSuccess === 2}}" bindcancel="hideAlert">
    <view class="modal-content">
        <view class="modal-title">
            <view class="sub-title">重复助力</view>
            <view class="sub-title2">您已经助力过啦,自己也来参加吧~</view>
        </view>
        <view class="modal-ok" bindtap="restartSelfShare">
            我也要参加
        </view>
    </view>
</yoho-alert>

<yoho-alert wx:if="{{queueSuccess === 1}}" bindcancel="hideAlert">
    <view class="modal-content">
        <view class="modal-title">
            <view class="sub-title">助力成功</view>
            <view class="sub-title2">
                <view>帮好友抢到了1个排队号,</view>
                <view>您也来参加吧~</view>
            </view>
        </view>
        
        <view class="modal-btn">
            <view class="modal-ok" bindtap="restartSelfShare">
                我也要参加
            </view>

            <view class="modal-cancel" bindtap="goQueueList">
                查看详情
            </view>
        </view>
    </view>
</yoho-alert>

<yoho-alert wx:if="{{queueSuccess === 2}}" bindcancel="hideAlert">
    <view class="modal-content">
        <view class="modal-title">
            <view class="sub-title">重复助力</view>
            <view class="sub-title2">
                <view>您已经助力过啦,</view>
                <view>自己也来参加吧~</view>
            </view>
        </view>
        
        <view class="modal-btn">
            <view class="modal-ok" bindtap="restartSelfShare">
                我也要参加
            </view>

            <view class="modal-cancel" bindtap="goQueueList">
                查看详情
            </view>
        </view>
    </view>
</yoho-alert>

<yoho-alert wx:if="{{error}}" bindcancel="hideAlert">
    <view class="modal-content">
        <view class="modal-title">
            <view class="sub-title">助力失败</view>
            <view class="sub-title2">
                <view>请重新助力</view>
            </view>
        </view>
        
        <view class="modal-ok" bindtap="cancelError">
            确定
        </view>
    </view>
</yoho-alert>
</block>

<template is="zan-actionsheet" data="{{...actionSheet}}" />