| | |
| | | <!-- 通过header插槽定义列表左侧图片 --> |
| | | |
| | | <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }"> |
| | | <image :src="item.goods_thumb" mode="aspectFill"></image> |
| | | <image :src="item.thumbnail" mode="aspectFill"></image> |
| | | </view> |
| | | <view class="shop"> |
| | | <view> |
| | | <view class="uni-title"> |
| | | <text class="uni-ellipsis-2">{{ item.name }}</text> |
| | | <text class="uni-ellipsis-2">{{ item.goodsName }}</text> |
| | | </view> |
| | | <!-- <view> |
| | | <text class="uni-tag hot-tag">{{ item.goods_tip }}</text> |
| | |
| | | <view> |
| | | <view class="shop-price"> |
| | | <text>¥</text> |
| | | <text class="shop-price-text">{{ item.goods_price }}</text> |
| | | <text class="shop-price-text">{{ item.price }}</text> |
| | | <text>.00</text> |
| | | </view> |
| | | <view class="uni-flex-row"> |
| | | <view class="uni-note">{{ item.comment_count || 0 }}条评论 月销量 {{ |
| | | item.month_sell_count || 0 }} |
| | | <view class="uni-note">{{ item.commentNum || 0 }}条评论 月销量 {{ |
| | | item.buyCount || 0 }} |
| | | </view> |
| | | <view class="uni-note ellipsis"> |
| | | <text class="uni-link">上架</text> |
| | |
| | | // 小程序 编译后会多一层标签,而其他平台没有,所以需要特殊处理一下 |
| | | /deep/ .uni-list { |
| | | /* #endif */ |
| | | height: calc(100vh - 100px - 80px - 60px); |
| | | display: flex; |
| | | flex-direction: row; |
| | | flex-wrap: wrap; |
| | |
| | | /deep/ |
| | | /* #endif */ |
| | | .uni-list-item--waterfall { |
| | | // width: 50%; |
| | | width: 98%; |
| | | display: flex; |
| | | box-sizing: border-box; |
| | | margin-bottom: 10px; |