| | |
| | | |
| | | <view class="m-l-12 info-container flex1"> |
| | | <view class="title"> |
| | | {{ item.name || '-' }}<span v-if="item.categoryStr" class="m-l-10">{{item.categoryStr || '-'}}</span> |
| | | {{ item.name || '-' }} |
| | | <!-- <span v-if="item.categoryStr" class="m-l-10">{{item.categoryStr || '-'}}</span> --> |
| | | <view class="price"> |
| | | ¥{{ item.price || 0 }}/扎 |
| | | </view> |
| | | </view> |
| | | <view class="tags" v-if="item.tag"> |
| | | <view class="tags" v-if="item.tags"> |
| | | <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']" :key="tag">{{ |
| | | tag |
| | | }} |
| | |
| | | display: flex; |
| | | |
| | | .tag { |
| | | min-width: 80rpx; |
| | | padding-left: 20rpx; |
| | | padding-right: 20rpx; |
| | | line-height: 36rpx; |
| | | min-width: 60rpx; |
| | | padding-left: 10rpx; |
| | | padding-right: 10rpx; |
| | | line-height: 30rpx; |
| | | background: #FEE6E6; |
| | | border-radius: 21rpx; |
| | | font-size: 24rpx; |
| | | border-radius: 10rpx; |
| | | font-size: 22rpx; |
| | | color: #CD1212; |
| | | margin-right: 12rpx; |
| | | text-align: center; |
| | |
| | | .tag.green { |
| | | color: rgba(110, 159, 102, 1); |
| | | background: rgba(202, 229, 214, 1); |
| | | border-radius: 21rpx; |
| | | border-radius: 10rpx; |
| | | // opacity: 0.57; |
| | | } |
| | | } |