Commit fb4eb3bfc0db0494bea751809c99f7276fca2ac5
1 parent
70ca20a0
商品详情页样式优化
Showing
2 changed files
with
7 additions
and
2 deletions
src/components/goodsItem_7/goodsItem_7.less
| @@ -126,6 +126,10 @@ | @@ -126,6 +126,10 @@ | ||
| 126 | line-height: 50px; | 126 | line-height: 50px; |
| 127 | display: flex; | 127 | display: flex; |
| 128 | align-items: center; | 128 | align-items: center; |
| 129 | + /**健康商城商品颜色*/ | ||
| 130 | + .grey-box{ | ||
| 131 | + color: #3EB781; | ||
| 132 | + } | ||
| 129 | span { | 133 | span { |
| 130 | font-size: 24px; | 134 | font-size: 24px; |
| 131 | font-weight: 400; | 135 | font-weight: 400; |
src/components/goodsItem_7/goodsItem_7.vue
| @@ -27,8 +27,9 @@ | @@ -27,8 +27,9 @@ | ||
| 27 | {{item.num}}<span>积分 <span v-show="parseInt(item.price)>0">+ {{item.price}}元</span></span> | 27 | {{item.num}}<span>积分 <span v-show="parseInt(item.price)>0">+ {{item.price}}元</span></span> |
| 28 | </div> | 28 | </div> |
| 29 | <!-- 积分 --> | 29 | <!-- 积分 --> |
| 30 | - <div v-else-if="company == 1 || company == 2" class="grade-box"> | ||
| 31 | - {{item.num}}<span v-if="company==1">积分</span><span v-else>健康值</span> | 30 | + <div v-else-if="company == 1 || company == 2" class="grade-box" > |
| 31 | + <span :class="{'grey-box':company == 2}">{{item.num}}</span> | ||
| 32 | + <span v-if="company==1">积分</span><span v-else>健康值</span> | ||
| 32 | </div> | 33 | </div> |
| 33 | <!-- 价格 --> | 34 | <!-- 价格 --> |
| 34 | <div v-else class="price-box"> | 35 | <div v-else class="price-box"> |