Fix:【商城小程序】商品详情页—规格详情页—【缺货】按钮与右侧规格框有重叠,规格之间的间距再调宽一点
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user