32 lines
1.3 KiB
Plaintext
32 lines
1.3 KiB
Plaintext
|
<view class="container">
|
||
|
|
<!-- 顶部轮播图 -->
|
||
|
|
<swiper class="swiper" indicator-dots="true" autoplay="true" interval="3000" duration="500">
|
||
|
|
<swiper-item wx:for="{{imageList}}" wx:key="*this" bind:tap="to_goods">
|
||
|
|
<image src="{{item}}" class="slide-image" mode="aspectFill"></image>
|
||
|
|
</swiper-item>
|
||
|
|
</swiper>
|
||
|
|
|
||
|
|
<!-- 商品分类Tab栏 -->
|
||
|
|
<view class="tabs">
|
||
|
|
<view class="tab {{currentCategoryIndex === index ? 'active' : ''}}" wx:for="{{categories}}" wx:key="*this" data-index="{{index}}" bind:tap="switchCategory">
|
||
|
|
{{item}}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 商品列表 -->
|
||
|
|
<view class="product-list">
|
||
|
|
<view class="product-column" wx:for="{{filteredProductList}}" wx:key="*this">
|
||
|
|
<view class="product-item" bind:tap="to_goods">
|
||
|
|
<image src="{{item.image}}" class="product-image" mode="aspectFill"></image>
|
||
|
|
<view class="product-info">
|
||
|
|
<text class="product-name">{{item.name}}</text>
|
||
|
|
<view class="contain">
|
||
|
|
<text class="product-price">￥{{item.price}}</text>
|
||
|
|
<button class="addcar" catchtap="add_to_car">💖</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<button class="tocar" bind:tap="to_car">😎</button>
|