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.
81 lines
4.5 KiB
81 lines
4.5 KiB
<!--pages/shop/detail/index.wxml-->
|
|
<wxs module="formate" src="../../../../pages/formate.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="content">店铺详情</view>
|
|
</cu-custom>
|
|
|
|
<refresh-view bind:refresh="onRefreshList" height="{{height}}" triggered="{{requesting}}" bind:scrolltolower="fetchGoodList">
|
|
<view wx:if="{{detail}}" style="position: relative">
|
|
<swiper class="screen-swiper {{imgList.length > 1 ? 'square-dot' : ''}}" style="min-height:{{imageHeight}}rpx" indicator-dots="{{imgList.length > 1}}" indicator-color="#FFFFFF" indicator-active-color="#008AFF" autoplay="true" interval="3000" duration="500">
|
|
<swiper-item wx:for="{{imgList}}" wx:key="index">
|
|
<view bindtap="viewImage" style="width:100%;height:100%" data-url="{{item}}">
|
|
<image src="{{item}}" mode="aspectFill"></image>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<view class="bg-white" style="height:90rpx;width:100%">
|
|
<wux-tabi tab-data="{{tabList}}" tab-index="{{tabIndex}}" bind:change="onTabChange"></wux-tabi>
|
|
</view>
|
|
<wux-divider show-text="{{ false }}"></wux-divider>
|
|
<view class="bg-white text-sg margin-top" style="padding: 0rpx 32rpx" wx:if="{{detail && tabIndex == 2}}">
|
|
<view class="flex flex-justify detail-layout" style="border-bottom:1px solid #f3f3f3">
|
|
<view class="flex" style="align-items: center;">
|
|
<view class="text-black">{{detail.name}}</view>
|
|
</view>
|
|
<view class="flex" style="align-items: center;">
|
|
<text class="cuIcon-locationfill text-blue" style="font-size:16px;padding-top:6rpx" />
|
|
<view class="text-df text-blue" style="margin-left:6rpx">{{detail.locProvinceName}} {{detail.locCityName}}</view>
|
|
</view>
|
|
</view>
|
|
<view style="height:16rpx;"></view>
|
|
<view class="text-gray text-df" style="line-height:50rpx;">店主昵称：{{detail.contacts}}</view>
|
|
<view class="text-gray text-df" style="line-height:50rpx;">店铺地址：{{detail.locDetails}}</view>
|
|
<view class="text-gray text-df" style="line-height:50rpx;">联系方式：{{detail.contactPhoneNo}}</view>
|
|
<view style="height:20rpx;"></view>
|
|
</view>
|
|
<view wx:elif="{{!orderList.length}}">
|
|
<view class="list-empty" style="height:{{height - imageHeight - 88}}rpx">
|
|
<view class="load-spinner text-gray" style="margin-bottom:24px" wx:if="{{loading}}" />
|
|
<image class="img-empty" src="/assets/image/list_empty.png" wx:else></image>
|
|
<view class="text-empty">{{loading? '正在加载' : '暂无数据'}}</view>
|
|
</view>
|
|
</view>
|
|
<view wx:else>
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{orderList}}" wx:key="pageIndex">
|
|
<view wx:for="{{pageItem}}" wx:key="index">
|
|
<wux-divider show-text="{{ false }}" wx:if="{{pageIndex != 0 || index != 0 }}"></wux-divider>
|
|
<view class="flex item-content" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem">
|
|
<wux-image width="{{100}}" height="{{100}}" lazyLoad="true" src="{{item.coverImgUrl}}" mode="aspectFill">
|
|
<image class="image-load" slot="loading" src="/assets/image/def_image.png"></image>
|
|
<image class="image-load" slot="empty" src="/assets/image/def_image.png"></image>
|
|
<image class="image-load" slot="error" src="/assets/image/def_image.png"></image>
|
|
</wux-image>
|
|
<view style="flex:1;padding-left:20rpx;padding-top:8rpx;height:100px">
|
|
<view class="flex" style="height:20px;align-items: center">
|
|
<image style="width:72rpx;height:36rpx;margin-right:12rpx" src="/assets/image/ico_tag{{item.bidType == 2 ? '2' : '1'}}.png"></image>
|
|
<view class="page-name" style="margin-left:2rpx">{{item.secondCategoryName}}</view>
|
|
<!-- <view class="page-num">{{item.locProvinceName + item.locCityName}}</view> -->
|
|
</view>
|
|
<view style="height:50px">
|
|
<view class="page-outline">{{item.description || ''}}</view>
|
|
</view>
|
|
<view class="flex flex-justify">
|
|
<view class="page-price">{{item.unitPrice ? '￥' + formate.formatePrice(item.unitPrice, kg) : '价格面议'}}</view>
|
|
<view style="font-size:24rpx" wx:if="{{tabIndex == 0}}">库存：{{formate.formateWeight(item.stock, kg)}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view wx:if="{{form.pageNum>1}}" style="padding:24rpx">
|
|
<wux-divider>
|
|
<view class="loadmore">
|
|
<text class="icon--refresher" wx:if="{{!finished}}"></text>
|
|
<text class="text-sm" style="margin-left:8rpx">{{finished?'到底啦～':'加载中...'}}</text>
|
|
</view>
|
|
</wux-divider>
|
|
</view>
|
|
</view>
|
|
</refresh-view>
|