|
|
@@ -25,155 +25,206 @@
|
|
|
<view class="tui-goods-image" @click.stop="navToDetailPage(pros.productId)"
|
|
|
><image :src="pros.image" class="tui-goods-img" />
|
|
|
</view>
|
|
|
- <view
|
|
|
- class="tui-goods-info"
|
|
|
- @click.stop="navToDetailPage(pros.productId)"
|
|
|
- >
|
|
|
- <text class="list-details-title">{{ pros.name }}</text>
|
|
|
- <text class="list-details-specs">规格：{{ pros.unit != null ? pros.unit : '' }}</text>
|
|
|
- <template v-if="userIdentity == 4">
|
|
|
- <view class="list-details-price" v-if="pros.priceFlag == 1">
|
|
|
- <view class="list-none"><view class="price-small">￥未公开价格</view></view>
|
|
|
- </view>
|
|
|
- <view class="list-details-price" v-else-if="pros.priceFlag == 2">
|
|
|
- <view class="list-none"><view class="price-small">￥价格仅会员可见</view></view>
|
|
|
- </view>
|
|
|
- <template v-else>
|
|
|
- <view class="list-details-price">
|
|
|
- <view class="list-price">
|
|
|
- <text
|
|
|
- class="price-larger"
|
|
|
- :class="
|
|
|
- PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
- ? 'none'
|
|
|
- : ''
|
|
|
- "
|
|
|
- >
|
|
|
- ￥{{
|
|
|
- (PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
- ? pros.originalPrice
|
|
|
- : pros.price) | NumFormat
|
|
|
- }}
|
|
|
- </text>
|
|
|
+ <view class="tui-goods-info">
|
|
|
+ <text class="list-details-title" @click.stop="navToDetailPage(pros.productId)">{{
|
|
|
+ pros.name
|
|
|
+ }}</text>
|
|
|
+ <text class="list-details-specs" @click.stop="navToDetailPage(pros.productId)"
|
|
|
+ >规格：{{ pros.unit != null ? pros.unit : '' }}</text
|
|
|
+ >
|
|
|
+ <template v-if="hasLogin">
|
|
|
+ <template v-if="userIdentity == 4">
|
|
|
+ <view class="list-details-price" v-if="pros.priceFlag == 1">
|
|
|
+ <view class="list-none"><view class="price-small">￥未公开价格</view></view>
|
|
|
+ </view>
|
|
|
+ <view class="list-details-price" v-else-if="pros.priceFlag == 2">
|
|
|
+ <view class="list-none"><view class="price-small">￥价格仅会员可见</view></view>
|
|
|
+ </view>
|
|
|
+ <template v-else>
|
|
|
+ <view class="list-details-price">
|
|
|
+ <view class="list-price">
|
|
|
+ <text
|
|
|
+ class="price-larger"
|
|
|
+ :class="
|
|
|
+ PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
+ ? 'none'
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ >
|
|
|
+ ￥{{
|
|
|
+ (PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
+ ? pros.originalPrice
|
|
|
+ : pros.price) | NumFormat
|
|
|
+ }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="add-cart-btn">
|
|
|
+ <view class="number-box">
|
|
|
+ <view
|
|
|
+ class="iconfont icon-jianhao"
|
|
|
+ @click="changeCountSub(pros)"
|
|
|
+ ></view>
|
|
|
+ <input
|
|
|
+ class="btn-input"
|
|
|
+ type="number"
|
|
|
+ maxlength="4"
|
|
|
+ v-model="pros.number"
|
|
|
+ @blur="changeNumber($event,pros)"
|
|
|
+ @focus="changeInput(pros)"
|
|
|
+ />
|
|
|
+ <view
|
|
|
+ class="iconfont icon-jiahao"
|
|
|
+ @click="changeCountAdd(pros)"
|
|
|
+ ></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="add-cart-btn">
|
|
|
- <view class="number-box">
|
|
|
- <view
|
|
|
- class="iconfont icon-jianhao"
|
|
|
- @click="changeCountSub(item, pros)"
|
|
|
- ></view>
|
|
|
- <input
|
|
|
- class="btn-input"
|
|
|
- type="number"
|
|
|
- maxlength="4"
|
|
|
- v-model="pros.number"
|
|
|
- @blur="changeNnmber($event, item, pros)"
|
|
|
- @focus="changeInput(pros)"
|
|
|
- />
|
|
|
- <view
|
|
|
- class="iconfont icon-jiahao"
|
|
|
- @click="changeCountAdd(item, pros)"
|
|
|
- ></view>
|
|
|
+ <view class="list-details-price none">
|
|
|
+ <view class="floor-item-act">
|
|
|
+ <view class="coupon-tags" v-if="item.product.couponsLogo">优惠券</view>
|
|
|
+ <template v-if="pros.actStatus == 1">
|
|
|
+ <view
|
|
|
+ class="floor-tags"
|
|
|
+ v-if="pros.actStatus == 1 && PromotionsFormat(pros.promotions)"
|
|
|
+ >
|
|
|
+ {{ pros.promotions.name }}
|
|
|
+ <text
|
|
|
+ v-if="hasLogin && userIdentity == 2 && pros.priceFlag != 1"
|
|
|
+ >:￥{{ pros.price | NumFormat }}</text
|
|
|
+ >
|
|
|
+ </view>
|
|
|
+ <view class="floor-tags" v-else>{{ pros.promotions.name }}</view>
|
|
|
+ </template>
|
|
|
+ <template v-if="pros.svipProductFlag == 1">
|
|
|
+ <view class="svip-tags">
|
|
|
+ <view class="tags" :class="{ none: vipFlag == 0 }">SVIP</view>
|
|
|
+ <view class="price" v-if="isShowVipFlag(pros)">{{
|
|
|
+ pros.svipPriceTag
|
|
|
+ }}</view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <view class="list-details-price" v-if="pros.priceFlag == 1">
|
|
|
+ <view class="list-none"><view class="price-small">￥未公开价格</view></view>
|
|
|
</view>
|
|
|
- <view class="list-details-price none">
|
|
|
- <view class="floor-item-act">
|
|
|
- <view class="coupon-tags" v-if="item.product.couponsLogo">优惠券</view>
|
|
|
- <template v-if="pros.actStatus == 1">
|
|
|
- <view
|
|
|
- class="floor-tags"
|
|
|
- v-if="pros.actStatus == 1 && PromotionsFormat(pros.promotions)"
|
|
|
+ <template v-else>
|
|
|
+ <view class="list-details-price">
|
|
|
+ <view class="list-price">
|
|
|
+ <text
|
|
|
+ class="price-larger"
|
|
|
+ :class="
|
|
|
+ PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
+ ? 'none'
|
|
|
+ : ''
|
|
|
+ "
|
|
|
>
|
|
|
- {{ pros.promotions.name }}
|
|
|
- <text
|
|
|
- v-if="hasLogin && userIdentity == 2 && pros.priceFlag != 1"
|
|
|
- >:￥{{ pros.price | NumFormat }}</text
|
|
|
- >
|
|
|
- </view>
|
|
|
- <view class="floor-tags" v-else>{{ pros.promotions.name }}</view>
|
|
|
- </template>
|
|
|
- <template v-if="pros.svipProductFlag == 1">
|
|
|
- <view class="svip-tags">
|
|
|
- <view class="tags" :class="{ none: vipFlag == 0 }">SVIP</view>
|
|
|
- <view class="price" v-if="isShowVipFlag(pros)">{{
|
|
|
- pros.svipPriceTag
|
|
|
- }}</view>
|
|
|
+ ￥{{
|
|
|
+ (PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
+ ? pros.originalPrice
|
|
|
+ : pros.price) | NumFormat
|
|
|
+ }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="add-cart-btn">
|
|
|
+ <view class="number-box">
|
|
|
+ <view
|
|
|
+ class="iconfont icon-jianhao"
|
|
|
+ :class="[isQuantity == true ? 'disabled' : '']"
|
|
|
+ @click="changeCountSub(pros)"
|
|
|
+ ></view>
|
|
|
+ <input
|
|
|
+ class="btn-input"
|
|
|
+ type="number"
|
|
|
+ maxlength="4"
|
|
|
+ v-model="pros.number"
|
|
|
+ @blur="changeNumber($event,pros)"
|
|
|
+ @focus="changeInput(pros)"
|
|
|
+ />
|
|
|
+ <view
|
|
|
+ class="iconfont icon-jiahao"
|
|
|
+ :class="[isStock == true ? 'disabled' : '']"
|
|
|
+ @click="changeCountAdd(pros)"
|
|
|
+ ></view>
|
|
|
</view>
|
|
|
- </template>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ <view class="list-details-price none">
|
|
|
+ <view class="floor-item-act">
|
|
|
+ <template v-if="pros.actStatus == 1">
|
|
|
+ <view
|
|
|
+ class="floor-tags"
|
|
|
+ v-if="pros.actStatus == 1 && PromotionsFormat(pros.promotions)"
|
|
|
+ >
|
|
|
+ {{ pros.promotions.name }}
|
|
|
+ <text
|
|
|
+ v-if="hasLogin && userIdentity == 2 && pros.priceFlag != 1"
|
|
|
+ >:￥{{ pros.price | NumFormat }}</text
|
|
|
+ >
|
|
|
+ </view>
|
|
|
+ <view class="floor-tags" v-else>{{ pros.promotions.name }}</view>
|
|
|
+ </template>
|
|
|
+ <template v-if="pros.svipProductFlag == 1">
|
|
|
+ <view class="svip-tags">
|
|
|
+ <view class="tags" :class="{ none: vipFlag == 0 }">SVIP</view>
|
|
|
+ <view class="price" v-if="isShowVipFlag(pros)">{{
|
|
|
+ pros.svipPriceTag
|
|
|
+ }}</view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
</template>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <view class="list-details-price" v-if="pros.priceFlag == 1">
|
|
|
- <view class="list-none"><view class="price-small">￥未公开价格</view></view>
|
|
|
+ <view class="list-details-price">
|
|
|
+ <view class="p-stars">
|
|
|
+ <text class="p-no">￥</text>
|
|
|
+ <uni-grader :grade="Number(pros.priceGrade)" :margin="14"></uni-grader>
|
|
|
+ </view>
|
|
|
+ <view class="add-cart-btn">
|
|
|
+ <view class="number-box">
|
|
|
+ <view
|
|
|
+ class="iconfont icon-jianhao"
|
|
|
+ @click="changeCountSub(pros)"
|
|
|
+ ></view>
|
|
|
+ <input
|
|
|
+ class="btn-input"
|
|
|
+ type="number"
|
|
|
+ maxlength="4"
|
|
|
+ v-model="pros.number"
|
|
|
+ @blur="changeNumber($event, pros)"
|
|
|
+ @focus="changeInput(pros)"
|
|
|
+ />
|
|
|
+ <view
|
|
|
+ class="iconfont icon-jiahao"
|
|
|
+ @click="changeCountAdd(pros)"
|
|
|
+ ></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <template v-else>
|
|
|
- <view class="list-details-price">
|
|
|
- <view class="list-price">
|
|
|
- <text
|
|
|
- class="price-larger"
|
|
|
- :class="
|
|
|
- PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
- ? 'none'
|
|
|
- : ''
|
|
|
- "
|
|
|
+ <view class="list-details-price none">
|
|
|
+ <view class="floor-item-act">
|
|
|
+ <template v-if="pros.actStatus == 1">
|
|
|
+ <view
|
|
|
+ class="floor-tags"
|
|
|
+ v-if="pros.actStatus == 1 && PromotionsFormat(pros.promotions)"
|
|
|
>
|
|
|
- ￥{{
|
|
|
- (PromotionsFormat(pros.promotions) || pros.svipProductFlag == 1
|
|
|
- ? pros.originalPrice
|
|
|
- : pros.price) | NumFormat
|
|
|
- }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <view class="add-cart-btn">
|
|
|
- <view class="number-box">
|
|
|
- <view
|
|
|
- class="iconfont icon-jianhao"
|
|
|
- @click="changeCountSub(item, pros)"
|
|
|
- ></view>
|
|
|
- <input
|
|
|
- class="btn-input"
|
|
|
- type="number"
|
|
|
- maxlength="4"
|
|
|
- v-model="pros.number"
|
|
|
- @blur="changeNnmber($event, item, pros)"
|
|
|
- @focus="changeInput(pros)"
|
|
|
- />
|
|
|
- <view
|
|
|
- class="iconfont icon-jiahao"
|
|
|
- @click="changeCountAdd(item, pros)"
|
|
|
- ></view>
|
|
|
+ {{ pros.promotions.name }}
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="list-details-price none">
|
|
|
- <view class="floor-item-act">
|
|
|
- <template v-if="pros.actStatus == 1">
|
|
|
- <view
|
|
|
- class="floor-tags"
|
|
|
- v-if="pros.actStatus == 1 && PromotionsFormat(pros.promotions)"
|
|
|
- >
|
|
|
- {{ pros.promotions.name }}
|
|
|
- <text
|
|
|
- v-if="hasLogin && userIdentity == 2 && pros.priceFlag != 1"
|
|
|
- >:￥{{ pros.price | NumFormat }}</text
|
|
|
- >
|
|
|
- </view>
|
|
|
- <view class="floor-tags" v-else>{{ pros.promotions.name }}</view>
|
|
|
- </template>
|
|
|
- <template v-if="pros.svipProductFlag == 1">
|
|
|
- <view class="svip-tags">
|
|
|
- <view class="tags" :class="{ none: vipFlag == 0 }">SVIP</view>
|
|
|
- <view class="price" v-if="isShowVipFlag(pros)">{{
|
|
|
- pros.svipPriceTag
|
|
|
- }}</view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </view>
|
|
|
+ <view class="floor-tags" v-else>{{ pros.promotions.name }}</view>
|
|
|
+ </template>
|
|
|
+ <template v-if="pros.svipProductFlag == 1">
|
|
|
+ <view class="svip-tags">
|
|
|
+ <view class="tags none">SVIP</view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
- </template>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -199,8 +250,8 @@
|
|
|
<view class="text">全选</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="tui-button buy" @click="handleAllUnder">立即购买</view>
|
|
|
- <view class="tui-button add" @click="handleAllUnder">加入购物车</view>
|
|
|
+ <view class="tui-button buy" @click="handleSupportingSubmit('buy')">立即购买</view>
|
|
|
+ <view class="tui-button add" @click="handleSupportingSubmit('add')">加入购物车</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -223,6 +274,7 @@
|
|
|
<script>
|
|
|
import tuiLoadmore from '@/components/tui-components/loadmore/loadmore'
|
|
|
import tuiNomore from '@/components/tui-components/nomore/nomore'
|
|
|
+import uniGrader from '@/components/uni-grade/uni-grade.vue'
|
|
|
|
|
|
import { mapState, mapMutations } from 'vuex'
|
|
|
const defaultListQuery = {
|
|
|
@@ -233,7 +285,8 @@ const defaultListQuery = {
|
|
|
export default {
|
|
|
components: {
|
|
|
tuiLoadmore,
|
|
|
- tuiNomore
|
|
|
+ tuiNomore,
|
|
|
+ uniGrader
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -276,7 +329,9 @@ export default {
|
|
|
contentModalText: '', //操作文字提示语句
|
|
|
modal: false,
|
|
|
vipFlag: 0,
|
|
|
- userIdentity: 0
|
|
|
+ userIdentity: 0,
|
|
|
+ isQuantity: false,
|
|
|
+ isStock: false,
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
@@ -313,7 +368,11 @@ export default {
|
|
|
this.isEmpty = false
|
|
|
this.hasNextPage = data.hasNextPage
|
|
|
this.totalRecord = data.totalRecord
|
|
|
- this.productList = data.results
|
|
|
+ this.productList = data.results.map((el,index)=>{
|
|
|
+ el.isChecked = false
|
|
|
+ el.number = el.minBuyNumber
|
|
|
+ return el
|
|
|
+ })
|
|
|
this.pullFlag = false
|
|
|
setTimeout(() => {
|
|
|
this.pullFlag = true
|
|
|
@@ -378,21 +437,18 @@ export default {
|
|
|
console.log('获取购物车数量失败')
|
|
|
})
|
|
|
},
|
|
|
- handleAllUnder() {
|
|
|
- //批量下架操作
|
|
|
- let checkedArray = []
|
|
|
- this.productIds = ''
|
|
|
- if (this.isProductChecked) {
|
|
|
- this.productList.forEach(el => {
|
|
|
- if (el.isChecked) {
|
|
|
- checkedArray.push(el)
|
|
|
- }
|
|
|
- })
|
|
|
- checkedArray.forEach(el => {
|
|
|
- this.productIds += el.productId + ','
|
|
|
- })
|
|
|
- this.modal = true
|
|
|
- this.contentModalText = '确定要取消收藏吗？'
|
|
|
+ handleSupportingSubmit(type){
|
|
|
+ if(this.hasLogin){
|
|
|
+ switch(type){
|
|
|
+ case 'buy':
|
|
|
+ console.log('立即购买')
|
|
|
+ break
|
|
|
+ case 'add':
|
|
|
+ console.log('加入购物车')
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.$api.navigateTo('/pages/login/login')
|
|
|
}
|
|
|
},
|
|
|
handleClick(e) {
|
|
|
@@ -469,53 +525,53 @@ export default {
|
|
|
}
|
|
|
return false
|
|
|
},
|
|
|
- changeCountAdd() {
|
|
|
+ changeCountAdd(pros) {
|
|
|
//popup弹窗数量增加按钮
|
|
|
- if (this.buyRetailPriceStep == 2) {
|
|
|
- this.number += this.minBuyNumber
|
|
|
+ if (pros.step == 2) {
|
|
|
+ pros.number += pros.minBuyNumber
|
|
|
} else {
|
|
|
- this.number++
|
|
|
+ pros.number++
|
|
|
}
|
|
|
this.calculatPerice()
|
|
|
},
|
|
|
- changeCountSub() {
|
|
|
+ changeCountSub(pros) {
|
|
|
//popup弹窗数量减按钮
|
|
|
- if (this.number <= this.minBuyNumber) {
|
|
|
- this.number = this.minBuyNumber
|
|
|
+ if (pros.number <= pros.minBuyNumber) {
|
|
|
+ pros.number = pros.minBuyNumber
|
|
|
this.isQuantity = true
|
|
|
this.$util.msg(`该商品最小起订量为${this.minBuyNumber}`, 2000)
|
|
|
return
|
|
|
} else {
|
|
|
- if (this.buyRetailPriceStep == 2) {
|
|
|
- this.number -= this.minBuyNumber
|
|
|
+ if (pros.step == 2) {
|
|
|
+ pros.number -= pros.minBuyNumber
|
|
|
} else {
|
|
|
- this.number--
|
|
|
+ pros.number--
|
|
|
}
|
|
|
this.calculatPerice()
|
|
|
this.isQuantity = false
|
|
|
}
|
|
|
},
|
|
|
- changeNumber(e) {
|
|
|
+ changeNumber(e,pros) {
|
|
|
let _value = e.detail.value
|
|
|
if (!this.$api.isNumber(_value)) {
|
|
|
- this.number = this.minBuyNumber
|
|
|
- } else if (_value < this.minBuyNumber) {
|
|
|
- this.$util.msg(`该商品最小起订量为${this.minBuyNumber}`, 2000)
|
|
|
- this.number = this.minBuyNumber
|
|
|
- } else if (_value % this.minBuyNumber != 0) {
|
|
|
+ pros.number = pros.minBuyNumber
|
|
|
+ } else if (_value < pros.minBuyNumber) {
|
|
|
+ this.$util.msg(`该商品最小起订量为${pros.minBuyNumber}`, 2000)
|
|
|
+ pros.number = pros.minBuyNumber
|
|
|
+ } else if (_value % pros.minBuyNumber != 0) {
|
|
|
this.$util.msg('购买量必须为起订量的整数倍', 2000)
|
|
|
- this.number = this.minBuyNumber
|
|
|
+ pros.number = pros.minBuyNumber
|
|
|
} else {
|
|
|
- this.number = e.detail.value
|
|
|
- this.calculatPerice()
|
|
|
+ pros.number = e.detail.value
|
|
|
+ this.calculatPerice(pros)
|
|
|
}
|
|
|
},
|
|
|
- calculatPerice() {
|
|
|
+ calculatPerice(pros) {
|
|
|
//判断是否为阶梯价然后做计算价格处理
|
|
|
- if (this.handleData.ladderPriceFlag == 1) {
|
|
|
- this.handleData.ladderPrices.forEach((item, index) => {
|
|
|
- if (this.number >= item.buyNum) {
|
|
|
- this.buyRetailPrice = item.buyPrice
|
|
|
+ if (pros.ladderPriceFlag == 1) {
|
|
|
+ pros.ladderPrices.forEach((el, index) => {
|
|
|
+ if (pros.number >= el.buyNum) {
|
|
|
+ pros.price = el.buyPrice
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
@@ -582,11 +638,13 @@ export default {
|
|
|
},
|
|
|
isShowVipFlag(pros) {
|
|
|
// 超级会员价格显示控制
|
|
|
- if (pros.priceFlag != 1) {
|
|
|
- if (this.userIdentity == 4 && this.vipFlag == 1) {
|
|
|
- return true
|
|
|
- } else if (this.userIdentity == 2) {
|
|
|
- return true
|
|
|
+ if(this.hasLogin){
|
|
|
+ if (pros.priceFlag != 1) {
|
|
|
+ if (this.userIdentity == 4 && this.vipFlag == 1) {
|
|
|
+ return true
|
|
|
+ } else if (this.userIdentity == 2) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -612,7 +670,7 @@ export default {
|
|
|
if (this.hasNextPage) {
|
|
|
this.loadding = true
|
|
|
this.pullUpOn = true
|
|
|
- this.GetOnReachBottomData()
|
|
|
+ // this.GetOnReachBottomData()
|
|
|
}
|
|
|
},
|
|
|
onPullDownRefresh() {
|
|
|
@@ -756,6 +814,15 @@ page {
|
|
|
width: 100%;
|
|
|
line-height: 54rpx;
|
|
|
float: left;
|
|
|
+ .p-stars {
|
|
|
+ float: left;
|
|
|
+ .p-no{
|
|
|
+ font-size: $font-size-28;
|
|
|
+ color: $text-color;
|
|
|
+ display: block;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
&.none {
|
|
|
height: 32rpx;
|
|
|
line-height: 32rpx;
|
