| | |
| | | <view :border="!formData.waterfall" class="uni-list-item--waterfall" title="自定义商品列表" |
| | | v-for="item in data" :key="item.id" @click="addGoods(item.id)"> |
| | | <!-- 通过header插槽定义列表左侧图片 --> |
| | | <template v-slot:header> |
| | | <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }"> |
| | | <image :src="item.goods_thumb" mode="aspectFill"></image> |
| | | </view> |
| | | </template> |
| | | <template v-slot:body> |
| | | <view class="shop"> |
| | | <view> |
| | | <view class="uni-title"> |
| | | <text class="uni-ellipsis-2">{{ item.name }}</text> |
| | | </view> |
| | | <!-- <view> |
| | | |
| | | <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }"> |
| | | <image :src="item.goods_thumb" mode="aspectFill"></image> |
| | | </view> |
| | | <view class="shop"> |
| | | <view> |
| | | <view class="uni-title"> |
| | | <text class="uni-ellipsis-2">{{ item.name }}</text> |
| | | </view> |
| | | <!-- <view> |
| | | <text class="uni-tag hot-tag">{{ item.goods_tip }}</text> |
| | | <text v-for="tag in item.tag" :key="tag" class="uni-tag">{{ tag }}</text> |
| | | </view> --> |
| | | </view> |
| | | <view> |
| | | <view class="shop-price"> |
| | | <text>¥</text> |
| | | <text class="shop-price-text">{{ item.goods_price }}</text> |
| | | <text>.00</text> |
| | | </view> |
| | | <view> |
| | | <view class="shop-price"> |
| | | <text>¥</text> |
| | | <text class="shop-price-text">{{ item.goods_price }}</text> |
| | | <text>.00</text> |
| | | <view class="uni-flex-row"> |
| | | <view class="uni-note">{{ item.comment_count || 0 }}条评论 月销量 {{ |
| | | item.month_sell_count || 0 }} |
| | | </view> |
| | | <view class="uni-flex-row"> |
| | | <view class="uni-note">{{ item.comment_count||0 }}条评论 月销量 {{ |
| | | item.month_sell_count||0 }} |
| | | </view> |
| | | <view class="uni-note ellipsis"> |
| | | <text class="uni-link">上架</text> |
| | | <view class="uni-note ellipsis"> |
| | | <text class="uni-link">上架</text> |
| | | |
| | | <text class="uni-link" style="color:red;">删除</text> |
| | | </view> |
| | | <text class="uni-link" style="color:red;">删除</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | </view> |
| | | <!-- 通过body插槽定义商品布局 --> |
| | | |
| | | </view> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import UIcon from '@/uview-components/uview-ui/components/u-icon/u-icon.vue'; |
| | | export default { |
| | | components: {}, |
| | | components: { UIcon }, |
| | | data() { |
| | | return { |
| | | formData: { |