优化积分商城布局

This commit is contained in:
赵毅 2025-12-27 17:31:23 +08:00
parent 0b7d4dbc47
commit 6f300f50fe

View File

@ -35,18 +35,20 @@
</scroll-view> </scroll-view>
</view> </view>
<!-- 商品列表 --> <!-- 商品列表 -->
<scroll-view scroll-y="true" class="product-list" @scrolltolower="loadMore" style="height: calc(100vh - 300rpx);"> <scroll-view scroll-y="true" @scrolltolower="loadMore" style="height: calc(100vh - 300rpx);">
<view v-for="(product, index) in products" :key="index" class="product-item"> <view class="product-list">
<image class="product-image" :src="product.commodity_pic" mode="aspectFill"></image> <view v-for="(product, index) in products" :key="index" class="product-item">
<view class="product-title">{{ product.commodity_name }}</view> <image class="product-image" :src="product.commodity_pic" mode="aspectFill"></image>
<view class="product-info"> <view class="product-title">{{ product.commodity_name }}</view>
<view class="product-points">{{ product.goods_info_list[0].points }} 积分</view> <view class="product-info">
<view class="product-sold">已兑换{{ product.exchange_count }}</view> <view class="product-points">{{ product.goods_info_list[0].points }} 积分</view>
<view class="product-sold">已兑换{{ product.exchange_count }}</view>
</view>
<view class="exchange-btn" @click="toDetail(product)">立即兑换</view>
</view> </view>
<view class="exchange-btn" @click="toDetail(product)">立即兑换</view> <!-- 加载更多提示 -->
<view v-if="loading" class="loading">加载中...</view>
</view> </view>
<!-- 加载更多提示 -->
<view v-if="loading" class="loading">加载中...</view>
</scroll-view> </scroll-view>
</view> </view>
</template> </template>