优化积分商城布局
This commit is contained in:
parent
0b7d4dbc47
commit
6f300f50fe
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user