78 lines
4.0 KiB
Plaintext
78 lines
4.0 KiB
Plaintext
<view class="shop-detail-page">
|
||
|
||
<!-- 店铺信息 -->
|
||
<view style="padding: 10px;" class="shop-big-box" wx:if="{{ value == 'all' }}">
|
||
<view style="padding: 10px;" class="shop-left-box">
|
||
<view class="shop-left-img-box">
|
||
<image alt="" src="https://tool.aerwen.net/prod-api/Uploads/uploads/20230719/35BB64FE6D80E253.jpg" class="shop-left-img" mode="aspectFill" />
|
||
</view>
|
||
<view>
|
||
<view class="shop-name">三星官方旗舰店</view>
|
||
<view class="shop-sold">已售：244万</view>
|
||
<view class="shop-intro">三星手机官方旗舰店</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}}" icon="{{item.icon}}" 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.title || item.label}}</view>
|
||
<view class="goods-category-crad">
|
||
<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" type="category-card" goodsList="{{goodsList}}" bind:click="gotoGoodsDetail" bind:addcart="handleAddCart" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<!-- 底部导航栏 -->
|
||
<t-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" /> |