Commit fbfe3f5c28d3ddf57514cddcf65fe4c5ce12c60e
1 parent
e072f1d5
商品列表修改
Showing
3 changed files
with
322 additions
and
60 deletions
pages/goods/goodsList/goodsList.js
| ... | ... | @@ -22,6 +22,7 @@ Page({ |
| 22 | 22 | is_hot:0, |
| 23 | 23 | prom_goods_list:null, |
| 24 | 24 | rq_data:null, |
| 25 | + isToggle: false, //切换商品视图控制符 | |
| 25 | 26 | }, |
| 26 | 27 | |
| 27 | 28 | onLoad: function(t) { |
| ... | ... | @@ -273,6 +274,15 @@ Page({ |
| 273 | 274 | func(ob); |
| 274 | 275 | }) |
| 275 | 276 | }, |
| 277 | + | |
| 278 | + | |
| 279 | + | |
| 280 | + // 切换显示 | |
| 281 | + bindToggleDisplay() { | |
| 282 | + this.setData({ | |
| 283 | + isToggle: !this.data.isToggle, | |
| 284 | + }); | |
| 285 | + }, | |
| 276 | 286 | |
| 277 | 287 | |
| 278 | 288 | }); |
| 279 | 289 | \ No newline at end of file | ... | ... |
pages/goods/goodsList/goodsList.wxml
| 1 | 1 | <wxs module="g_filter" src="g_filter.wxs"></wxs> |
| 2 | 2 | <view class="container"> |
| 3 | - <view style="padding: 20rpx 30rpx"> | |
| 3 | + <view> | |
| 4 | 4 | <block wx:for="{{prom_goods_list}}"> |
| 5 | - <view class="fs30 ellipsis-1"> | |
| 5 | + <view class="fs30 ellipsis-1" style="padding: 20rpx 30rpx"> | |
| 6 | 6 | 满{{item.condition}}<text space="{{true}}" wx:if="{{item.prom_type==0}}">元 </text> <text space="{{true}}" wx:else>件 </text> |
| 7 | 7 | <text space="{{true}}" wx:if="{{item.content.is_money}}">减{{item.content.money}}元 </text> |
| 8 | 8 | <text space="{{true}}" wx:if="{{item.content.is_sale}}">打{{item.content.sale}}折 </text> |
| ... | ... | @@ -13,7 +13,16 @@ |
| 13 | 13 | </view> |
| 14 | 14 | </block> |
| 15 | 15 | </view> |
| 16 | - | |
| 16 | + | |
| 17 | + <view class="pd20 flex ai-center jc_sb"> | |
| 18 | + <!-- 搜索框 --> | |
| 19 | + <view class="search-box f1"> | |
| 20 | + <navigator hover-class="none" url="/pages/goods/search/search"><text class="iconfont icon-sousuo pdr10"></text>搜索店铺商品</navigator> | |
| 21 | + </view> | |
| 22 | + <!-- 单列/双列 显示切换 --> | |
| 23 | + <text class="iconfont {{isToggle ? 'icon-fenxiang':'icon-fenlie'}} pdl30 fs36" bindtap="bindToggleDisplay"></text> | |
| 24 | + </view> | |
| 25 | + | |
| 17 | 26 | <view class="nav"> |
| 18 | 27 | <navigator bindtap="changeTab" class="nav-item" data-href="sort" data-ad="{{adname}}">综合 |
| 19 | 28 | <view class="ico-dg" wx:if="{{tabname=='sort'}}"> |
| ... | ... | @@ -40,29 +49,37 @@ |
| 40 | 49 | </view> |
| 41 | 50 | </navigator> --> |
| 42 | 51 | |
| 43 | - <navigator class="nav-item search" url="/pages/goods/search/search"> | |
| 52 | + <!-- <navigator class="nav-item search" url="/pages/goods/search/search"> | |
| 44 | 53 | <image class="wh100 search-img" src="{{iurl}}/miniapp/images/search.png"></image> |
| 45 | - </navigator> | |
| 54 | + </navigator> --> | |
| 46 | 55 | </view> |
| 47 | - <view class="choice_list"> | |
| 56 | + | |
| 57 | + <view class="choice_list" wx:if="{{!isToggle}}"> | |
| 48 | 58 | <navigator class="choice_item" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:for="{{requestData}}" wx:key="{{index}}"> |
| 49 | 59 | <view class="img-wrap"> |
| 50 | 60 | <image src="{{item.original_img}}" binderror="bind_bnerr2" data-url="{{url+item.original_img}}" lazy-load="true" data-errorimg="requestData[{{index}}].original_img"></image> |
| 51 | 61 | </view> |
| 52 | 62 | <view class="item-cont"> |
| 53 | - <view class="title">{{item.goods_name}}</view> | |
| 63 | + <view class="title ellipsis-2">{{item.goods_name}}</view> | |
| 54 | 64 | <!-- 判断是否有活动价 --> |
| 55 | 65 | <block wx:if="{{(item.prom_price>0 || item.prom_integral>0) && item.prom_type!=2}}"> |
| 56 | - <!-- 活动价 --> | |
| 57 | - <view class="price"> | |
| 58 | - <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 59 | - <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 60 | - <text wx:if="{{item.prom_price}}">￥{{item.prom_price}}</text> | |
| 61 | - </view> | |
| 66 | + <view class="flex on"> | |
| 67 | + <!-- 活动价 --> | |
| 68 | + <view class="price"> | |
| 69 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 70 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 71 | + <text wx:if="{{item.prom_price}}">￥{{item.prom_price}}</text> | |
| 72 | + </view> | |
| 73 | + <view class="word-line xc-ash mgl10 rmb fs24">{{item.market_price}}</view> | |
| 74 | + </view> | |
| 75 | + | |
| 62 | 76 | |
| 63 | - <view class="comment flex jc_sb"> | |
| 64 | - <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 65 | - <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view> | |
| 77 | + <view class="comment pdt10"> | |
| 78 | + <!-- <view class="word-line xc-ash">￥{{item.market_price}}</view> --> | |
| 79 | + <view class="fs24 t-r"> | |
| 80 | + <span>评论{{item.comment_count}}</span> | |
| 81 | + <span class="pdl30">已售{{item.sales_sum}}</span> | |
| 82 | + </view> | |
| 66 | 83 | </view> |
| 67 | 84 | </block> |
| 68 | 85 | <block wx:else> |
| ... | ... | @@ -79,56 +96,201 @@ |
| 79 | 96 | <text class="card_name">{{card_name}}</text> |
| 80 | 97 | </view> |
| 81 | 98 | </view> |
| 82 | - <view class="comment flex jc_sb"> | |
| 99 | + <view class="comment"> | |
| 83 | 100 | <view class="word-line xc-ash">￥{{item.market_price}}</view> |
| 84 | - <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view> | |
| 101 | + <view class=""> | |
| 102 | + <span>评论{{item.comment_count}}</span> | |
| 103 | + <span>已售{{item.sales_sum}}</span> | |
| 104 | + </view> | |
| 85 | 105 | </view> |
| 86 | 106 | </block> |
| 87 | 107 | <block wx:else> |
| 88 | 108 | <view class="price">￥{{item.shop_price}}</view> |
| 89 | - <view class="comment flex jc_sb"> | |
| 109 | + <view class="comment"> | |
| 90 | 110 | <view class="word-line xc-ash">￥{{item.market_price}}</view> |
| 91 | - <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view> | |
| 111 | + <view> | |
| 112 | + <span>评论{{item.comment_count}}</span> | |
| 113 | + <span>已售{{item.sales_sum}}</span> | |
| 114 | + </view> | |
| 92 | 115 | </view> |
| 93 | 116 | </block> |
| 94 | 117 | </block> |
| 95 | 118 | <block wx:else> |
| 96 | - <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 119 | + <view wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 97 | 120 | <view class="flex ai-center"> |
| 98 | - <view class="price">￥{{item.shop_price}}</view> | |
| 99 | - <view class="word-line xc-ash mk_price">￥{{item.market_price}}</view> | |
| 121 | + <view class="price rmb">{{item.shop_price}}</view> | |
| 122 | + <view class="word-line xc-ash mk_price rmb">{{item.market_price}}</view> | |
| 100 | 123 | </view> |
| 101 | - <view class="comment flex jc_sb"> | |
| 124 | + <view class="comment"> | |
| 102 | 125 | <view class="flex ai-center"> |
| 103 | - <view class="">￥{{g_filter.get_card_price(item,card_list,0)}}</view> | |
| 126 | + <view class="rmb">{{g_filter.get_card_price(item,card_list,0)}}</view> | |
| 104 | 127 | <view class="card_bg ellipsis-1"> |
| 105 | 128 | <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> |
| 106 | 129 | <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> |
| 107 | 130 | </view> |
| 108 | 131 | </view> |
| 109 | - <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view> | |
| 132 | + <view class="fs24 pdt10 t-r"> | |
| 133 | + <span class="">评论{{item.comment_count}}</span> | |
| 134 | + <span class="pdl30">已售{{item.sales_sum}}</span> | |
| 135 | + </view> | |
| 110 | 136 | </view> |
| 111 | - </block> | |
| 137 | + </view> | |
| 112 | 138 | <block wx:else> |
| 113 | - <view class="price">￥{{item.shop_price}}</view> | |
| 114 | - <view class="comment flex jc_sb"> | |
| 115 | - <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 116 | - <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view> | |
| 139 | + <view> | |
| 140 | + <view class="price">￥{{item.shop_price}}</view> | |
| 141 | + <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 142 | + </view> | |
| 143 | + <!-- <view class="price">￥{{item.shop_price}}</view> --> | |
| 144 | + <view class="comment pdt10"> | |
| 145 | + <view class="fs24 t-r"> | |
| 146 | + <span>评论{{item.comment_count}}</span> | |
| 147 | + <span>已售{{item.sales_sum}}</span> | |
| 148 | + </view> | |
| 117 | 149 | </view> |
| 118 | 150 | </block> |
| 119 | 151 | </block> |
| 120 | 152 | </block> |
| 121 | - <block wx:else> | |
| 122 | - <view class="price">￥{{item.shop_price}}</view> | |
| 123 | - <view class="comment flex jc_sb"> | |
| 124 | - <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 125 | - <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view> | |
| 153 | + <view wx:else> | |
| 154 | + <view class="flex ai-center"> | |
| 155 | + <view class="price rmb">{{item.shop_price}}</view> | |
| 156 | + <view class="word-line xc-ash rmb fs24 mgl10">{{item.market_price}}</view> | |
| 157 | + </view> | |
| 158 | + | |
| 159 | + <view class="comment pdt10"> | |
| 160 | + <view class="fs24 t-r"> | |
| 161 | + <span>评论{{item.comment_count}}</span> | |
| 162 | + <span class="pdl30">已售{{item.sales_sum}}</span> | |
| 163 | + </view> | |
| 126 | 164 | </view> |
| 127 | - </block> | |
| 165 | + </view> | |
| 128 | 166 | </block> |
| 129 | 167 | </view> |
| 130 | 168 | </navigator> |
| 131 | 169 | </view> |
| 170 | + | |
| 171 | + | |
| 172 | + <view class="choice_list on" wx:else> | |
| 173 | + <navigator class="choice_item" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:for="{{requestData}}" wx:key="{{index}}"> | |
| 174 | + <view class="img-wrap"> | |
| 175 | + <image src="{{item.original_img}}" binderror="bind_bnerr2" data-url="{{url+item.original_img}}" lazy-load="true" data-errorimg="requestData[{{index}}].original_img"></image> | |
| 176 | + </view> | |
| 177 | + <view class="item-cont"> | |
| 178 | + <view class="title ellipsis-2">{{item.goods_name}}</view> | |
| 179 | + <!-- 判断是否有活动价 --> | |
| 180 | + <block wx:if="{{(item.prom_price>0 || item.prom_integral>0) && item.prom_type!=2}}"> | |
| 181 | + <view class="flex on"> | |
| 182 | + <!-- 活动价 --> | |
| 183 | + <view class="price"> | |
| 184 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 185 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 186 | + <text wx:if="{{item.prom_price}}">￥{{item.prom_price}}</text> | |
| 187 | + </view> | |
| 188 | + <view class="word-line xc-ash mgl10 rmb fs24">{{item.market_price}}</view> | |
| 189 | + </view> | |
| 190 | + | |
| 191 | + | |
| 192 | + <view class="comment pdt10"> | |
| 193 | + <!-- <view class="word-line xc-ash">￥{{item.market_price}}</view> --> | |
| 194 | + <view class="fs24 t-r"> | |
| 195 | + <span>评论{{item.comment_count}}</span> | |
| 196 | + <span class="pdl30">已售{{item.sales_sum}}</span> | |
| 197 | + </view> | |
| 198 | + </view> | |
| 199 | + </block> | |
| 200 | + <block wx:else> | |
| 201 | + <!-- 商品价格,先判断下是后又等级价--> | |
| 202 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}"> | |
| 203 | + <!-- 当会员是等级卡的时候 --> | |
| 204 | + <block wx:if="{{card_field}}"> | |
| 205 | + <!-- 等级价>0 --> | |
| 206 | + <block wx:if="{{item[card_field]>0}}"> | |
| 207 | + <view class="flex ai-center"> | |
| 208 | + <view class="price">￥{{item[card_field]}}</view> | |
| 209 | + <view class="card_bg ellipsis-1"> | |
| 210 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 211 | + <text class="card_name">{{card_name}}</text> | |
| 212 | + </view> | |
| 213 | + </view> | |
| 214 | + <view class="comment"> | |
| 215 | + <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 216 | + <view class=""> | |
| 217 | + <span>评论{{item.comment_count}}</span> | |
| 218 | + <span>已售{{item.sales_sum}}</span> | |
| 219 | + </view> | |
| 220 | + </view> | |
| 221 | + </block> | |
| 222 | + <block wx:else> | |
| 223 | + <view class="price">￥{{item.shop_price}}</view> | |
| 224 | + <view class="comment"> | |
| 225 | + <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 226 | + <view> | |
| 227 | + <span>评论{{item.comment_count}}</span> | |
| 228 | + <span>已售{{item.sales_sum}}</span> | |
| 229 | + </view> | |
| 230 | + </view> | |
| 231 | + </block> | |
| 232 | + </block> | |
| 233 | + <block wx:else> | |
| 234 | + <view wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 235 | + <view class="flex ai-center"> | |
| 236 | + <view class="price rmb">{{item.shop_price}}</view> | |
| 237 | + <view class="word-line xc-ash mk_price rmb">{{item.market_price}}</view> | |
| 238 | + </view> | |
| 239 | + <view class="comment"> | |
| 240 | + <view class="flex ai-center"> | |
| 241 | + <view class="rmb">{{g_filter.get_card_price(item,card_list,0)}}</view> | |
| 242 | + <view class="card_bg ellipsis-1"> | |
| 243 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 244 | + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 245 | + </view> | |
| 246 | + </view> | |
| 247 | + <view class="fs24 pdt10 t-r"> | |
| 248 | + <span class="">评论{{item.comment_count}}</span> | |
| 249 | + <span class="pdl30">已售{{item.sales_sum}}</span> | |
| 250 | + </view> | |
| 251 | + </view> | |
| 252 | + </view> | |
| 253 | + <block wx:else> | |
| 254 | + <view> | |
| 255 | + <view class="price">￥{{item.shop_price}}</view> | |
| 256 | + <view class="word-line xc-ash">￥{{item.market_price}}</view> | |
| 257 | + </view> | |
| 258 | + <!-- <view class="price">￥{{item.shop_price}}</view> --> | |
| 259 | + <view class="comment pdt10"> | |
| 260 | + <view class="fs24 t-r"> | |
| 261 | + <span>评论{{item.comment_count}}</span> | |
| 262 | + <span>已售{{item.sales_sum}}</span> | |
| 263 | + </view> | |
| 264 | + </view> | |
| 265 | + </block> | |
| 266 | + </block> | |
| 267 | + </block> | |
| 268 | + <view wx:else> | |
| 269 | + <view class=""> | |
| 270 | + <view class="price rmb">{{item.shop_price}}</view> | |
| 271 | + <view class="word-line xc-ash rmb fs24 mgl10">{{item.market_price}}</view> | |
| 272 | + </view> | |
| 273 | + | |
| 274 | + <view class="comment pdt10"> | |
| 275 | + <view class="fs24 t-r"> | |
| 276 | + <span>评论{{item.comment_count}}</span> | |
| 277 | + <span class="pdl30">已售{{item.sales_sum}}</span> | |
| 278 | + </view> | |
| 279 | + </view> | |
| 280 | + </view> | |
| 281 | + </block> | |
| 282 | + </view> | |
| 283 | + </navigator> | |
| 284 | + </view> | |
| 285 | + | |
| 286 | + | |
| 287 | + | |
| 288 | + | |
| 289 | + | |
| 290 | + | |
| 291 | + | |
| 292 | + | |
| 293 | + | |
| 132 | 294 | <view class="no-data" wx:if="{{(!requestData||requestData.length==0) && is_go}}"> |
| 133 | 295 | <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image> |
| 134 | 296 | <view class="no-data-title">没有相关的数据</view> | ... | ... |
pages/goods/goodsList/goodsList.wxss
| 1 | +page { | |
| 2 | + background-color: #f0f0f0; | |
| 3 | +} | |
| 4 | + | |
| 1 | 5 | .container { |
| 2 | 6 | color: #666; |
| 3 | 7 | } |
| 4 | 8 | |
| 9 | +.nav { | |
| 10 | + display: flex; | |
| 11 | + border-radius: 30rpx 30rpx 0 0; | |
| 12 | + overflow: hidden; | |
| 13 | +} | |
| 14 | + | |
| 5 | 15 | .nav-item { |
| 6 | - float: left; | |
| 7 | - width: 30%; | |
| 8 | - height: 90rpx; | |
| 9 | - line-height: 90rpx; | |
| 16 | + /* float: left; */ | |
| 17 | + flex: 1; | |
| 18 | + /* width: 30%; */ | |
| 19 | + height: 80rpx; | |
| 20 | + /* line-height: 90rpx; */ | |
| 10 | 21 | display: flex; |
| 11 | 22 | align-items: center; |
| 12 | 23 | justify-content: center; |
| 13 | - font-size: 32rpx; | |
| 14 | - border-bottom: 1px solid #dfefef; | |
| 24 | + font-size: 26rpx; | |
| 25 | + border-bottom: 1px solid #f5f5f5; | |
| 15 | 26 | background-color: #fff; |
| 16 | 27 | } |
| 17 | 28 | |
| 18 | 29 | .nav-item .ico-dg { |
| 19 | - width: 18rpx; | |
| 20 | - height: 12rpx; | |
| 30 | + width: 12rpx; | |
| 31 | + height: 8rpx; | |
| 21 | 32 | margin-left: 10rpx; |
| 22 | 33 | line-height: 0; |
| 23 | 34 | } |
| ... | ... | @@ -46,6 +57,19 @@ |
| 46 | 57 | background-position-x: -32rpx; |
| 47 | 58 | } |
| 48 | 59 | |
| 60 | +.search-box { | |
| 61 | + color: #BEBEBE; | |
| 62 | + font-size: 24rpx; | |
| 63 | + /* border: 2rpx solid #f23030; */ | |
| 64 | + border-radius: 40rpx; | |
| 65 | + padding: 16rpx; | |
| 66 | + background-color: #e0e0e0; | |
| 67 | +} | |
| 68 | + | |
| 69 | +.icon-sousuo { | |
| 70 | + font-size: 26rpx !important; | |
| 71 | +} | |
| 72 | + | |
| 49 | 73 | .search { |
| 50 | 74 | width: 10%; |
| 51 | 75 | } |
| ... | ... | @@ -57,22 +81,31 @@ |
| 57 | 81 | |
| 58 | 82 | .choice_list { |
| 59 | 83 | background-color: #fff; |
| 84 | + /* padding-left: 20rpx; | |
| 85 | + padding-right: 20rpx; */ | |
| 60 | 86 | } |
| 61 | 87 | |
| 62 | 88 | .choice_item { |
| 63 | 89 | position: relative; |
| 64 | 90 | width: 100%; |
| 65 | - min-height: 200rpx; | |
| 66 | - padding: 10rpx 0; | |
| 67 | - border-bottom: 1px solid #f5f6f6; | |
| 91 | + /* min-height: 200rpx; */ | |
| 92 | + /* padding: 10rpx 0; */ | |
| 93 | + /* border-bottom: 1px solid #f5f6f6; */ | |
| 68 | 94 | font-size: 30rpx; |
| 95 | + display: flex; | |
| 96 | + padding: 20rpx; | |
| 97 | + box-sizing: border-box; | |
| 69 | 98 | } |
| 70 | 99 | |
| 71 | 100 | .img-wrap { |
| 72 | - float: left; | |
| 73 | - width: 180rpx; | |
| 74 | - height: 180rpx; | |
| 75 | - padding: 0 10rpx 10rpx; | |
| 101 | + /* float: left; */ | |
| 102 | + width: 270rpx; | |
| 103 | + height: 270rpx; | |
| 104 | + margin-right: 22rpx; | |
| 105 | + border-radius: 15rpx; | |
| 106 | + overflow: hidden; | |
| 107 | + flex-shrink: 0; | |
| 108 | + /* padding: 0 10rpx 10rpx; */ | |
| 76 | 109 | } |
| 77 | 110 | |
| 78 | 111 | .img-wrap image { |
| ... | ... | @@ -81,25 +114,36 @@ |
| 81 | 114 | } |
| 82 | 115 | |
| 83 | 116 | .item-cont .title { |
| 117 | + font-size: 26rpx; | |
| 84 | 118 | height: 72rpx; |
| 85 | - margin: 16rpx 0; | |
| 86 | - padding-right: 10rpx; | |
| 119 | + margin-bottom: 20rpx; | |
| 120 | + /* padding-right: 10rpx; */ | |
| 87 | 121 | line-height: 36rpx; |
| 88 | - color: #333; | |
| 122 | + color: #2C2C2C; | |
| 123 | + text-align: justify; | |
| 89 | 124 | overflow: hidden; |
| 90 | 125 | } |
| 91 | 126 | |
| 92 | 127 | .price { |
| 93 | 128 | display: inline-block; |
| 94 | 129 | color: #f23030; |
| 95 | - line-height: 24rpx; | |
| 130 | + /* line-height: 24rpx; */ | |
| 131 | + font-size: 30rpx; | |
| 132 | + /* font-weight: bold; | |
| 133 | + font-size: 28rpx; */ | |
| 96 | 134 | /* padding-bottom: 20rpx; */ |
| 97 | 135 | } |
| 98 | 136 | |
| 137 | +.rmb::before { | |
| 138 | + content: '￥'; | |
| 139 | + font-size: 24rpx; | |
| 140 | +} | |
| 141 | + | |
| 99 | 142 | .comment { |
| 100 | - font-size: 25rpx; | |
| 101 | - margin-top: 4rpx; | |
| 102 | - padding-right: 30rpx; | |
| 143 | + font-size: 24rpx; | |
| 144 | + /* margin-top: 4rpx; */ | |
| 145 | + color: #8d8d8d; | |
| 146 | + /* padding-right: 30rpx; */ | |
| 103 | 147 | } |
| 104 | 148 | |
| 105 | 149 | .filter-modal { |
| ... | ... | @@ -207,9 +251,55 @@ |
| 207 | 251 | |
| 208 | 252 | .mk_price { |
| 209 | 253 | margin-left: 10rpx; |
| 210 | - font-size: 25rpx; | |
| 254 | + font-size: 24rpx; | |
| 211 | 255 | } |
| 212 | 256 | |
| 213 | 257 | .item-cont { |
| 214 | 258 | line-height: 38rpx; |
| 259 | + display: flex; | |
| 260 | + flex-direction: column; | |
| 261 | + justify-content: space-evenly; | |
| 262 | + flex: 1; | |
| 263 | +} | |
| 264 | + | |
| 265 | + | |
| 266 | +.choice_list.on { | |
| 267 | + display: flex; | |
| 268 | + flex-wrap: wrap; | |
| 269 | + padding-bottom: 12rpx; | |
| 270 | + padding-left: 16rpx; | |
| 271 | + padding-right: 16rpx; | |
| 272 | + background-color: #f0f0f0; | |
| 273 | +} | |
| 274 | + | |
| 275 | +.choice_list.on .choice_item { | |
| 276 | + padding: 0; | |
| 277 | + margin-top: 16rpx; | |
| 278 | + display: block; | |
| 279 | + width: 350rpx; | |
| 280 | + background-color: white; | |
| 281 | + border-radius: 15rpx; | |
| 282 | +} | |
| 283 | + | |
| 284 | +.choice_list.on .choice_item:nth-child(even) { | |
| 285 | + margin-left: 18rpx; | |
| 286 | +} | |
| 287 | + | |
| 288 | +.choice_list.on .img-wrap { | |
| 289 | + width: 350rpx; | |
| 290 | + height: 350rpx; | |
| 291 | + border-bottom-left-radius: 0; | |
| 292 | + border-bottom-right-radius: 0; | |
| 293 | +} | |
| 294 | + | |
| 295 | +.choice_list.on .item-cont { | |
| 296 | + padding: 10rpx; | |
| 297 | + display: flex; | |
| 298 | + flex-direction: column; | |
| 299 | + justify-content: space-between; | |
| 300 | +} | |
| 301 | + | |
| 302 | + | |
| 303 | +.choice_list.on .item-cont .flex.on { | |
| 304 | + display: block; | |
| 215 | 305 | } | ... | ... |