|
@@ -40,11 +40,11 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view flex wrap>
|
|
<view flex wrap>
|
|
|
<view :class="['list', active === index ? 'active' : '']" v-for="(item, index) in options" :key="index" flex
|
|
<view :class="['list', active === index ? 'active' : '']" v-for="(item, index) in options" :key="index" flex
|
|
|
- column between @click="getActive(item, index)" :data-content-before="item.operators"
|
|
|
|
|
- :data-content-after="item.tagName">
|
|
|
|
|
|
|
+ column between @click="getActive(item, index)" :data-content-before="item.operators">
|
|
|
<view class="flow owt">{{ item.name }}</view>
|
|
<view class="flow owt">{{ item.name }}</view>
|
|
|
<view class="discount icon">{{ item.goodDiscountedPrice }}</view>
|
|
<view class="discount icon">{{ item.goodDiscountedPrice }}</view>
|
|
|
<view class="price icon">{{ item.goodPrice }}</view>
|
|
<view class="price icon">{{ item.goodPrice }}</view>
|
|
|
|
|
+ <view v-if="item.tagName" class="tag-name">{{ item.tagName }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="explain" flex column>
|
|
<view class="explain" flex column>
|
|
@@ -335,8 +335,7 @@ export default {
|
|
|
padding: 0 16rpx;
|
|
padding: 0 16rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .list::after {
|
|
|
|
|
- content: attr(data-content-after);
|
|
|
|
|
|
|
+ .tag-name{
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
left: 0px;
|
|
left: 0px;
|
|
|
bottom: -1px;
|
|
bottom: -1px;
|
