Commit d8236526 by weijiguang
parents f08e44b4 ebb79de0
...@@ -356,7 +356,7 @@ export default { ...@@ -356,7 +356,7 @@ export default {
font-size: 20rpx; font-size: 20rpx;
color: #999999; color: #999999;
font-family: Futura-Medium, Futura; font-family: Futura-Medium, Futura;
line-height: 26rpx; line-height: 13rpx;
.num { .num {
text-decoration: line-through; text-decoration: line-through;
......
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
width: 50rpx; width: 100%;
height: 100%; height: 100%;
} }
......
...@@ -23,12 +23,11 @@ ...@@ -23,12 +23,11 @@
<view v-for="specItem in goodInfo.specs" :key="specItem.specId"> <view v-for="specItem in goodInfo.specs" :key="specItem.specId">
<view class="good-spec-name">{{ specItem.specName }}</view> <view class="good-spec-name">{{ specItem.specName }}</view>
<view class="good-spec-rule"> <view class="good-spec-rule">
<div v-for="specItemRule in specItem.rules" class="div_item" :key="specItemRule.ruleId"> <div v-for="specItemRule in specItem.rules" class="div_item" :key="specItemRule.ruleId" @click="selectRoles(specItemRule, specItem)">
<div v-if="specItemRule.isRecommend=='1'" :class="[UseIt(specItemRule.ruleId)?'disabledStyle':'']" class="default"></div> <div v-if="specItemRule.isRecommend=='1'" :class="[UseIt(specItemRule.ruleId)?'disabledStyle':'']" class="default"></div>
<button class="good-spec-rule-item" :disabled="UseIt(specItemRule.ruleId)" <button class="good-spec-rule-item" :disabled="UseIt(specItemRule.ruleId)"
@click="selectRoles(specItemRule, specItem)"
:class="{ active: isActvie(specItemRule) }"> :class="{ active: isActvie(specItemRule) }">
{{ specItemRule.ruleName }} <view @click.prevent="checkSku(specItemRule)">{{ specItemRule.ruleName }}</view>
</button> </button>
</div> </div>
</view> </view>
...@@ -202,7 +201,19 @@ export default { ...@@ -202,7 +201,19 @@ export default {
return selected return selected
}, },
checkSku(specItemRule) {
const value = this.UseIt(specItemRule.ruleId)
if(value) {
this.showToast({ title: '该选项已售罄', icon: 'none' });
return
}
},
selectRoles(specItemRule, parent) { selectRoles(specItemRule, parent) {
const value = this.UseIt(specItemRule.ruleId)
if(value) {
this.showToast({ title: '该选项已售罄', icon: 'none' });
return
}
const { selected } = this; const { selected } = this;
selected.forEach((item, index) => { selected.forEach((item, index) => {
if (item.specId == parent.specId) { if (item.specId == parent.specId) {
...@@ -443,6 +454,7 @@ export default { ...@@ -443,6 +454,7 @@ export default {
margin-right: 32rpx; margin-right: 32rpx;
line-height: 48rpx; line-height: 48rpx;
min-width: 120rpx; min-width: 120rpx;
z-index: 999999;
.default { .default {
...@@ -477,6 +489,7 @@ export default { ...@@ -477,6 +489,7 @@ export default {
border: none; border: none;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
background: #EAEAEA; background: #EAEAEA;
pointer-events: none;
&.active { &.active {
font-weight: 400; font-weight: 400;
padding: 7rpx 48rpx 6rpx 48rpx; padding: 7rpx 48rpx 6rpx 48rpx;
...@@ -486,6 +499,9 @@ export default { ...@@ -486,6 +499,9 @@ export default {
border: 0rpx; border: 0rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
} }
view {
pointer-events: none;
}
} }
.good-spec-rule-item::after{ .good-spec-rule-item::after{
......
...@@ -753,6 +753,12 @@ export default { ...@@ -753,6 +753,12 @@ export default {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
span {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
} }
.icno-arrow{ .icno-arrow{
width: 15.27rpx; width: 15.27rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment