maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加规格选择的popup

Browse Source
This commit is contained in:
赵毅 2025-09-05 11:34:04 +08:00
parent 0c7b906afd
commit f2983a3de5
2 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/shop/goods/index.css
View File

@ -598,15 +598,17 @@ image {
margin: 5rpx 5rpx 0 5rpx; margin: 5rpx 5rpx 0 5rpx;
} }
.itemSizeBox {
margin: 30rpx;
}
.itemSize { .itemSize {
width: 30%;
font-size: 26rpx; font-size: 26rpx;
color: #333; color: #333;
background: #F6F7FB; background: #F6F7FB;
border-radius: 40rpx; border-radius: 40rpx;
padding: 10rpx 15rpx; padding: 10rpx 15rpx;
white-space: nowrap; white-space: nowrap;
margin:20rpx 30rpx;
} }
.itemSize_active { .itemSize_active {
@ -619,7 +621,6 @@ image {
height: 100rpx; height: 100rpx;
margin-right: 30rpx; margin-right: 30rpx;
border-radius: 20rpx; border-radius: 20rpx;
border:1rpx solid red;
} }
.itemSize_top { .itemSize_top {

12
packages/shop/goods/index.vue
View File

@ -39,7 +39,7 @@
{{ item.goods_spec }} / {{ item.goods_unit }} {{ item.goods_spec }} / {{ item.goods_unit }}
</view> </view>
</view> </view>
<view class="GG_rigth"> <view class="GG_rigth" @click="showSizePopup">
共{{ info.commodity_goods_info_list.length }}款<u-icon size="26rpx" name="arrow-right"></u-icon> 共{{ info.commodity_goods_info_list.length }}款<u-icon size="26rpx" name="arrow-right"></u-icon>
</view> </view>
</view> </view>
@ -297,9 +297,9 @@
<view class="itemSize_price">￥{{ changePrice }}/袋</view> <view class="itemSize_price">￥{{ changePrice }}/袋</view>
</view> </view>
</view> </view>
<view class="itemSize" v-for="(item, index) in info.commodity_goods_info_list" :key="item.id" <view class="itemSizeBox" v-for="(item, index) in info.commodity_goods_info_list" :key="item.id"
@click="changeGG(item, index)" :class="index == currentGGIndex ? 'itemSize_active' : ''"> @click="changeGG(item, index)">
{{ item.goods_name }} {{ item.goods_spec }} / {{ item.goods_unit }} <text class="itemSize" :class="index == currentGGIndex ? 'itemSize_active' : ''">{{ item.goods_name }} {{ item.goods_spec }} / {{ item.goods_unit }}</text>
</view> </view>
</u-popup> </u-popup>
</view> </view>
@ -459,7 +459,7 @@ export default {
console.log("this.currentGG", this.currentGG); console.log("this.currentGG", this.currentGG);
this.currentGGIndex = 0; this.currentGGIndex = 0;
this.changeImg = this.currentGG.commodity_pic[0] this.changeImg = picUrl + this.currentGG.commodity_pic[0]
this.changeName = this.currentGG.goods_alias this.changeName = this.currentGG.goods_alias
this.changePrice = this.currentGG.sales_price this.changePrice = this.currentGG.sales_price
}); });
@ -490,7 +490,7 @@ export default {
count: 0 count: 0
}; };
} }
this.changeImg = item.commodity_pic[0] this.changeImg = picUrl + item.commodity_pic[0]
this.changeName = item.goods_alias this.changeName = item.goods_alias
this.changePrice = item.sales_price this.changePrice = item.sales_price
this.getComment(item.goods_id) this.getComment(item.goods_id)