Fix:【商城小程序】商品详情页—规格详情页—【缺货】按钮与右侧规格框有重叠,规格之间的间距再调宽一点

This commit is contained in:
modendeveloper
2024-09-12 23:20:33 +08:00
parent 7b88c8d3fc
commit b228155cc0
+7 -4
View File
@@ -21,7 +21,7 @@
<view class="productWinList"> <view class="productWinList">
<view class="item" v-for="(item, indexw) in attr.productAttr" :key="indexw"> <view class="item" v-for="(item, indexw) in attr.productAttr" :key="indexw">
<view class="title">{{ item.attrName }}</view> <view class="title">{{ item.attrName }}</view>
<view class="listn acea-row row-middle"> <view class="listn acea-row v12-justify-between">
<view <view
v-for="(itemn, indexn) in item.attrValue" v-for="(itemn, indexn) in item.attrValue"
:key="indexn" :key="indexn"
@@ -33,7 +33,7 @@
@click="tapAttr(indexw, indexn, itemn)" @click="tapAttr(indexw, indexn, itemn)"
> >
{{ itemn.attr }} {{ itemn.attr }}
<text v-if="getAttrItemData(itemn.attr).stock === 0" class="less-tag">缺货</text> <text v-if="getAttrItemData(itemn.attr).stock === 0" class="less-tag" style="color: #fff !important;">缺货</text>
</view> </view>
</view> </view>
</view> </view>
@@ -146,6 +146,9 @@ export default {
} }
</script> </script>
<style scope> <style scope>
.itemn{
margin: 28rpx 0 0 14rpx !important;
}
.money{ .money{
margin-top: 0 !important margin-top: 0 !important
} }
@@ -164,8 +167,8 @@ export default {
border-radius: 8rpx; border-radius: 8rpx;
height: 38rpx; height: 38rpx;
line-height: 38rpx; line-height: 38rpx;
right: -18px; right: -15px;
top: -12px; top: -10px;
padding: 0 3px; padding: 0 3px;
font-size: 24rpx; font-size: 24rpx;
font-weight:400 font-weight:400