|
|
@@ -6,23 +6,27 @@
|
|
|
<view class="num-area" v-if="Number(selIndex) > 0">
|
|
|
<view v-for="info in flowerNumList" :class="[flowerNum===info.num?'selected':'']" @click="setNum(info)" :key="info.num">{{info.name}}</view>
|
|
|
</view>
|
|
|
- <scroll-view class="shop-show_box" enable-flex="true" scroll-y="true" lower-threshold="20" @scrolltolower="reachBottom">
|
|
|
- <view class="goods-item-area">
|
|
|
- <view v-for="item in list.data" :key="item.id" class="show-shop_box">
|
|
|
- <view class="item-detail" @click="popAddModelFn(item)">
|
|
|
- <image class="img" :src="item.smallCover" lazy-load="true" :lazy-load-margin="0" mode="scaleToFill" ></image>
|
|
|
- <view class="shop-info_price">
|
|
|
- <view>
|
|
|
- <view>{{item.name}}</view>
|
|
|
- <view style="display:flex;justify-content: space-between;padding-right:2upx;">
|
|
|
- <text>￥{{parseFloat(item.price)}}</text><text>剩{{parseFloat(item.stock)}}</text>
|
|
|
+ <view class="shop-show_box">
|
|
|
+ <scroll-view
|
|
|
+ class="goods-item-area"
|
|
|
+ scroll-y="true"
|
|
|
+ @scrolltolower="reachBottom"
|
|
|
+ >
|
|
|
+ <view v-for="item in list.data" :key="item.id" class="show-shop_box">
|
|
|
+ <view class="item-detail" @click="popAddModelFn(item)">
|
|
|
+ <image class="img" :src="item.smallCover" lazy-load="true" :lazy-load-margin="0" mode="scaleToFill" ></image>
|
|
|
+ <view class="shop-info_price">
|
|
|
+ <view>
|
|
|
+ <view>{{item.name}}</view>
|
|
|
+ <view style="display:flex;justify-content: space-between;padding-right:2upx;">
|
|
|
+ <text>￥{{parseFloat(item.price)}}</text><text>剩{{parseFloat(item.stock)}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
|
|
|
<slot name="footer"></slot>
|
|
|
|
|
|
@@ -211,20 +215,27 @@ export default {
|
|
|
}
|
|
|
& .shop-show_box{
|
|
|
padding: 2upx;
|
|
|
- overflow-y: scroll;
|
|
|
- overflow-x: hidden;
|
|
|
+ flex: 1;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
& .goods-item-area{
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- overflow-y: scroll;
|
|
|
- overflow-x: hidden;
|
|
|
- height:70vh;
|
|
|
- justify-content:space-around;
|
|
|
+ height: 70vh;
|
|
|
+ width: 100%;
|
|
|
+ padding: 5upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: justify;
|
|
|
+ &::after {
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
& .show-shop_box{
|
|
|
+ display: inline-block;
|
|
|
+ width: 72upx;
|
|
|
+ margin: 2upx;
|
|
|
+ text-align: left;
|
|
|
& .item-detail{
|
|
|
position: relative;
|
|
|
- margin-bottom: 6upx;
|
|
|
width: 72upx;
|
|
|
height: 72upx;
|
|
|
& .img {
|
|
|
@@ -238,17 +249,17 @@ export default {
|
|
|
width: 100%;
|
|
|
font-size: 12upx;
|
|
|
color: #ffffff;
|
|
|
- height:22upx;
|
|
|
+ height: 22upx;
|
|
|
& > view {
|
|
|
& > view:nth-child(1) {
|
|
|
overflow: hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
- width:90%;
|
|
|
+ width: 90%;
|
|
|
font-size: 9upx;
|
|
|
}
|
|
|
& > view:nth-child(2) {
|
|
|
- font-size:7upx;
|
|
|
+ font-size: 7upx;
|
|
|
}
|
|
|
}
|
|
|
}
|
