97 lines
4.8 KiB
Plaintext
97 lines
4.8 KiB
Plaintext
<view class="shop-detail-page">
|
|
|
|
<!-- 店铺信息 -->
|
|
<!-- wx:if="{{ value == 'all' }}" -->
|
|
<view style="padding: 10px;" class="shop-big-box" wx:if="{{ value == 'all' }}" bindtap="handlePopup">
|
|
<view style="padding: 10px;" class="shop-left-box">
|
|
<view class="shop-left-img-box">
|
|
<image alt="" src="{{shopDetails.shopLogo}}" class="shop-left-img" mode="aspectFit" />
|
|
</view>
|
|
<view>
|
|
<view class="shop-name">{{shopDetails.shopName}}</view>
|
|
<view class="shop-sold">已售：{{shopDetails.shopSalesOrderCount}}</view>
|
|
<view class="shop-intro">{{shopDetails.shopIntro}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="shop-right-box">
|
|
<!-- <view class="shop-right-button" bindtap="gotoShop">进店逛逛 ></view> -->
|
|
<view class="shop-right-arrow">></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 全部商品列表 -->
|
|
<view wx:if="{{ value == 'all' }}" class="goods-list-container">
|
|
<filter wr-class="filter-container" bind:change="handleFilterChange" layout="{{layout}}" priceSorts="{{priceSorts}}" soldSorts="{{soldSorts}}" overall="{{overall}}" bind:showFilterPopup="showFilterPopup">
|
|
<filter-popup slot="filterPopup" show="{{show}}" bind:showFilterPopupClose="showFilterPopupClose" bind:reset="reset" bind:confirm="confirm">
|
|
<view class="price-container" slot="filterSlot">
|
|
<view class="price-between">价格区间</view>
|
|
<view class="price-ipts-wrap">
|
|
<t-input align="center" type="number" t-class="price-ipt" placeholder="最低价" value="{{minVal}}" bindchange="onMinValAction" />
|
|
<view class="price-divided">-</view>
|
|
<t-input align="center" type="number" t-class="price-ipt" placeholder="最高价" value="{{maxVal}}" bindchange="onMaxValAction" />
|
|
</view>
|
|
</view>
|
|
</filter-popup>
|
|
</filter>
|
|
<view class="empty-wrap" wx:if="{{goodsList.length === 0 && hasLoaded}}">
|
|
<t-empty t-class="empty-tips" size="240rpx" description="暂无相关商品" />
|
|
</view>
|
|
<view class="category-goods-list" wx:if="{{goodsList.length}}">
|
|
<goods-list wr-class="wr-goods-list" goodsList="{{goodsList}}" bind:click="gotoGoodsDetail" bind:addcart="handleAddCart" />
|
|
</view>
|
|
<load-more wx:if="{{goodsList.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
|
|
</view>
|
|
<!-- 分类商品列表 -->
|
|
<view wx:if="{{ value == 'category' }}">
|
|
|
|
<view class="side-bar-wrapper">
|
|
<t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
|
|
<t-side-bar-item wx:for="{{categories}}" wx:key="index" value="{{item.value || index}}" label="{{item.label}}" badge-props="{{item.badgeProps}}" />
|
|
</t-side-bar>
|
|
<scroll-view class="content" scroll-y scroll-with-animation scroll-top="{{scrollTop}}" bind:scroll="onScroll">
|
|
<!-- <filter wr-class="filter-container" bind:change="handleFilterChange" layout="{{layout}}" priceSorts="{{priceSorts}}" soldSorts="{{soldSorts}}" overall="{{overall}}" bind:showFilterPopup="showFilterPopup">
|
|
</filter> -->
|
|
<view wx:for="{{categories}}" wx:key="index" class="section">
|
|
<view class="title">{{item.label}}</view>
|
|
<view class="goods-category-crad">
|
|
<view class="empty-wrap" wx:if="{{item.items.length === 0 && hasLoaded}}">
|
|
<t-empty t-class="empty-tips" size="240rpx" description="暂无相关商品" />
|
|
</view>
|
|
<view class="category-goods-list" wx:if="{{item.items.length}}">
|
|
<goods-list wr-class="wr-goods-list" type="category-card" goodsList="{{item.items}}" bind:click="gotoGoodsDetail" bind:addcart="handleAddCart" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 底部导航栏 -->
|
|
<t-tab-bar t-class="custom-tab-bar" value="{{value}}" bindchange="onChange" theme="tag" split="{{false}}">
|
|
<t-tab-bar-item wx:for="{{list}}" wx:key="index" value="{{item.value}}" icon="{{item.icon}}">
|
|
{{item.label}}
|
|
</t-tab-bar-item>
|
|
</t-tab-bar>
|
|
|
|
<t-toast id="t-toast" />
|
|
<t-back-top t-class="back-top" theme="round" text="顶部" bind:to-top="onToTop"></t-back-top>
|
|
<t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom">
|
|
<view class="shop-popup-box">
|
|
<view class="shop-popup-title">店铺详情</view>
|
|
<view class="shop-popup-content-box center" >
|
|
<view class="shop-popup-img-box">
|
|
<image class="shop-popup-img" src="{{shopDetails.shopLogo}}" alt="" mode="aspectFit" />
|
|
</view>
|
|
<view class="shop-popup-name">{{shopDetails.shopName}}</view>
|
|
<view class="shop-popup-sold-num">已售：{{shopDetails.shopSalesOrderCount}}</view>
|
|
</view>
|
|
<view class="shop-popup-content-box">
|
|
<view class="shop-popup-intro-title">店铺简介</view>
|
|
<view class="shop-popup-intro">{{shopDetails.shopIntro}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
</t-popup> |