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.
73 lines
3.8 KiB
73 lines
3.8 KiB
<!--pages/order/order-info/index.wxml-->
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="backText">{{backStr}}</view>
|
|
<view slot="content" style="color:black;font-size:18px">商品详情</view>
|
|
</cu-custom>
|
|
|
|
<view wx:if="{{orderInfo}}">
|
|
<swiper class="screen-swiper round-dot" style="min-height:400rpx" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500">
|
|
<swiper-item wx:for="{{orderInfo.imgList}}" wx:key="index" bindtap="viewImage" data-url="{{orderInfo.imgList[index]}}">
|
|
<image src="{{item}}" mode='aspectFill'></image>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="bg-white flex flex-justify" style="padding:8rpx 32rpx 0rpx 32rpx">
|
|
<view class="flex flex-center">
|
|
<view class="detail-price">￥{{orderInfo.price}}</view>
|
|
<view class="text-gray" style="font-size:12px;margin-left:48rpx">库存：{{orderInfo.stockNumber}}{{orderInfo.unit}}</view>
|
|
</view>
|
|
<view class="flex flex-center">
|
|
<view class="text-gray" style="font-size:12px;margin-right:24rpx">{{orderInfo.viewNum}} 浏览</view>
|
|
<button open-type="share" style="background-color: #fff;border-radius: 0;padding-left: 0px;padding-right: 0px;">
|
|
<image style="width:24rpx;height:24rpx" src="/assets/image/icon_share.png"></image>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bg-white text-name" style="padding:0rpx 32rpx">{{orderInfo.name}}</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:14px">选择{{sukItem.name}}</view>
|
|
<view class="flex flex-wrap" style="margin-top:16rpx">
|
|
<view wx:for-item="item" wx:for="{{sukItem.values}}" wx:key="index">
|
|
<wux-tag wx:if="{{item.select}}" color="#008AFF" data-suk="{{sukItem.id}}" data-index="{{item.id}}" bind:click="tagClick">{{item.val}}</wux-tag>
|
|
<wux-tag wx:else data-suk="{{sukItem.id}}" data-index="{{item.id}}" bind:click="tagClick">{{item.val}}</wux-tag>
|
|
</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:14px">购买数量</view>
|
|
<wux-input-number default-value="{{form.number}}" disabled="{{false}}" color="stable" min="{{1}}" max="{{orderInfo.stockNumber}}" bind:change="onNumChange" />
|
|
</view>
|
|
|
|
<view class="bg-white" style="padding:32rpx;margin-top:32rpx">
|
|
<view class="text-black" style="font-size:16px">商品描述</view>
|
|
<view class="text-gray" style="font-size:14px;margin-top:32rpx">{{orderInfo.summary}}</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;">
|
|
<view class="text-black" style="font-size:16px">送货说明</view>
|
|
<view class="text-gray" style="font-size:14px;margin-top:32rpx">{{orderInfo.summary}}</view>
|
|
</view>
|
|
|
|
<view style="height:150rpx;"></view>
|
|
<view class="cu-bar bg-white shadow foot flex flex-justify" style="height:120rpx;padding:32rpx">
|
|
<button class="action" open-type="contact" style="background-color: #fff;border-radius: 0;margin-left:-20rpx">
|
|
<image style="width:48rpx;height:48rpx" src="/assets/image/icon_kefu.png"></image>
|
|
</button>
|
|
<view class="flex align-end">
|
|
<view wx:if="{{amount}}">
|
|
<text class="text-black" style="font-size:14px">合计：</text>
|
|
<text class="text-blue" style="font-size:14px">￥{{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>
|