TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

['没有可选商品列表新增缺省提示']

Browse Source
This commit is contained in:
张冬雪
2021-09-30 10:27:01 +08:00
parent fb966d9222
commit f1d5ff3dba
1 changed files with 28 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
pages/coupons/selectGoods.vue
View File

@@ -1,35 +1,38 @@
<template> <template>
<view> <view>
<!-- 商品列表 --> <block>
<view class="lists"> <!-- 商品列表 -->
<view class="goods-item" v-for="(item, index) in goods" :key="index"> <view class="lists">
<checkbox class="checkbox" :checked="item.isSelect" @click="onSelect(index)"/> <view class="goods-item" v-for="(item, index) in goods" :key="index">
<view class="mian"> <checkbox class="checkbox" :checked="item.isSelect" @click="onSelect(index)"/>
<image class="cover" :src="item.cover" mode="aspectFill" /> <view class="mian">
<view class="title">{{item.title}}</view> <image class="cover" :src="item.cover" mode="aspectFill" />
<view class="subtitle">{{item.description}}</view> <view class="title">{{item.title}}</view>
<view class="mian-flex"> <view class="subtitle">{{item.description}}</view>
<view class="price"><text>￥</text>{{item.price}}</view> <view class="mian-flex">
<view class="inventory">权证剩余{{item.stock}}</view> <view class="price"><text>￥</text>{{item.price}}</view>
<view class="inventory">权证剩余{{item.stock}}</view>
</view>
</view> </view>
</view> </view>
<view class="ios-bottom"></view>
</view> </view>
<view class="ios-bottom"></view> <!-- footer -->
</view> <view class="footer">
<!-- footer --> <view class="footer-flex">
<view class="footer"> <view class="flex-checkbox">
<view class="footer-flex"> <checkbox class="checkbox" :checked="allSelect" @click="onAllSelect"/>
<view class="flex-checkbox"> <label for="all">
<checkbox class="checkbox" :checked="allSelect" @click="onAllSelect"/> <view class="text">全选</view>
<label for="all"> <view class="sub-text">已选{{selectGoods.length}}件</view>
<view class="text">全选</view> </label>
<view class="sub-text">已选{{selectGoods.length}}件</view> </view>
</label> <view class="flex-button" @click="setGoods">确定</view>
</view> </view>
<view class="flex-button" @click="setGoods">确定</view> <view class="ios-bottom"></view>
</view> </view>
<view class="ios-bottom"></view> </block>
</view> <no-list v-if="goods.length === 0" name='no-goods' txt="没有任何可选商品~" />
</view> </view>
</template> </template>