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.
98 lines
5.3 KiB
98 lines
5.3 KiB
<!--pages/order/order-info/index.wxml-->
|
|
<wxs module="formate" src="./../index.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="backText">{{backStr}}</view>
|
|
<view slot="content" style="color:black;font-size:36rpx">商品详情</view>
|
|
</cu-custom>
|
|
|
|
<view wx:if="{{orderInfo}}">
|
|
<swiper class="screen-swiper square-dot" style="min-height:{{imageHeight}}rpx" indicator-dots="true" indicator-color="#FFFFFF" indicator-active-color="#008AFF">
|
|
<swiper-item wx:for="{{imgList}}" wx:key="index">
|
|
<view wx:if="{{formate.isVideoUrl(item)}}">
|
|
<view class="video-cnt">
|
|
<video src="{{item}}" style="width:100%;min-height:{{imageHeight}}rpx" show-center-play-btn="{{false}}" controls="{{false}}"/>
|
|
</view>
|
|
<text class="play-btn cuIcon-video text-white" style="font-size:80rpx" catchtap="videoTap" wx:if="{{!visible}}"></text>
|
|
</view>
|
|
<view wx:else bindtap="viewImage" style="width:100%;height:100%" data-url="{{item}}">
|
|
<image src="{{item}}" mode="aspectFill"></image>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="bg-white flex flex-justify" style="padding:24rpx 32rpx">
|
|
<view class="flex flex-center">
|
|
<view class="detail-price">￥{{form.unitPrice || orderInfo.price}}</view>
|
|
<view class="text-gray" style="font-size:24rpx;margin-left:48rpx">库存：{{form.stockNumber >= 0 ? form.stockNumber : orderInfo.stockNumber}}{{orderInfo.unit}}</view>
|
|
</view>
|
|
<view class="text-gray" style="font-size:24rpx">{{orderInfo.viewNum}} 浏览</view>
|
|
</view>
|
|
|
|
<view class="bg-white text-name" style="padding:0rpx 32rpx">{{orderInfo.name}}</view>
|
|
<view class="bg-white text-black" style="font-size:28rpx;padding:24rpx 32rpx">{{orderInfo.outline}}</view>
|
|
|
|
<view class="bg-white" style="padding:0rpx 32rpx 32rpx 32rpx">
|
|
<view wx:for-item="sukItem" wx:for="{{orderInfo.attributeList}}" wx:key="sukIndex" style="padding-top:12rpx">
|
|
<view class="text-gray" style="font-size:28rpx">选择{{sukItem.name}}</view>
|
|
<view class="flex flex-wrap">
|
|
<view wx:for-item="item" wx:for="{{sukItem.values}}" wx:key="index" style="margin-right:24rpx;margin-top:16rpx">
|
|
<wux-button size="tag" disabled="{{item.disabled}}" outline="{{item.select}}" type="{{item.select?'positive':'stable'}}" data-suk="{{sukItem.id}}" data-index="{{item.id}}" bind:click="tagClick">{{item.val}}</wux-button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bg-white">
|
|
<view style="height:1px;width:100%;background-color:#F3F3F3;margin-left:32rpx"></view>
|
|
</view>
|
|
<view class="bg-white flex flex-justify" style="height:100rpx;;padding: 0rpx 32rpx">
|
|
<view class="text-gray" style="font-size:28rpx">购买数量</view>
|
|
<wux-input-number value="{{form.number}}" controlled="{{true}}" disabled="{{false}}" color="stable" min="{{formate.minNumber(orderInfo, 1)}}" max="{{form.stockNumber||orderInfo.stockNumber}}" bind:change="onNumChange" />
|
|
</view>
|
|
|
|
<view class="bg-white" style="padding:32rpx;margin-top:32rpx">
|
|
<view class="text-black" style="font-size:32rpx">商品描述</view>
|
|
<view class="text-gray" style="font-size:28rpx;margin-top:32rpx">{{orderInfo.detail}}</view>
|
|
</view>
|
|
<view class="bg-white">
|
|
<view style="height:1px;width:100%;background-color:#F3F3F3;margin-left:32rpx"></view>
|
|
</view>
|
|
<view class="bg-white" style="padding:32rpx;" wx:if="{{orderInfo.groupSummary}}">
|
|
<view class="text-black" style="font-size:32rpx">拼团说明</view>
|
|
<view class="text-gray" style="font-size:28rpx;margin-top:32rpx">{{orderInfo.groupSummary}}</view>
|
|
</view>
|
|
<view class="bg-white" wx:if="{{orderInfo.groupSummary}}">
|
|
<view style="height:1px;width:100%;background-color:#F3F3F3;margin-left:32rpx"></view>
|
|
</view>
|
|
<view class="bg-white" style="padding:32rpx;">
|
|
<view class="text-black" style="font-size:32rpx">送货说明</view>
|
|
<view class="text-gray" style="font-size:28rpx;margin-top:32rpx">{{orderInfo.deliverTips}}</view>
|
|
</view>
|
|
|
|
<view class="booking-tool" style="bottom:{{isIPhoneX?334:300}}rpx">
|
|
<view class="roder-add flex flex-center">
|
|
<button open-type="share" style="background-color: #fff;border-radius: 0;padding-left: 0px;padding-right: 0px;height:32px">
|
|
<image style="width:40rpx;height:40rpx;margin-bottom:3px" src="/assets/image/icon_share.png"></image>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height:150rpx;"></view>
|
|
<view class="cu-bar bg-white shadow foot flex flex-justify" style="height:{{isIPhoneX?154:120}}rpx;padding:32rpx;padding-bottom:{{isIPhoneX?66:32}}rpx">
|
|
<button class="flex flex-column" open-type="contact" style="background-color: #fff;border-radius: 0;margin-left:-20rpx">
|
|
<image style="width:60rpx;height:60rpx" src="/assets/image/icon_wechat.svg"></image>
|
|
<view style="font-size:28rpx;line-height: 24rpx">客服</view>
|
|
</button>
|
|
<view class="flex align-end">
|
|
<view wx:if="{{amount}}">
|
|
<text class="text-black" style="font-size:32rpx">合计：</text>
|
|
<text class="text-blue" style="font-size:32rpx">￥{{amount}}</text>
|
|
</view>
|
|
<button wx:if="{{token}}" class="cu-btn offer-btn" bindtap="offerProject">立即购买</button>
|
|
<button wx:else class="cu-btn offer-btn" open-type="getPhoneNumber" bindgetphonenumber="onGotPhoneNumber">立即购买</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<wux-landscape visible="{{ visible }}" bind:close="onClose">
|
|
<video id="video" src="{{videoUrl}}" style="width:750rpx;min-height:{{imageHeight}}rpx" show-center-play-btn="{{false}}" bindended="bindended" />
|
|
</wux-landscape>
|