Commit e12c56a3106aa5522d830d17ad870e6376f3b4ff
1 parent
cb0dec57
商品详情
Showing
2 changed files
with
697 additions
and
188 deletions
pages/goods/goodsInfo/goodsInfo.wxml
1 | 1 | <import src="../../../utils/wxParse/wxParse.wxml"></import> |
2 | 2 | <wxs module="filters" src="../../../utils/filter.wxs"></wxs> |
3 | 3 | <wxs module="g_filters" src="g_filter.wxs"></wxs> |
4 | - | |
5 | 4 | <wxs module="" src="filter.wxs"></wxs> |
5 | +<!-- 商品内容区域,普通商品,秒杀,拼团 --> | |
6 | 6 | <block wx:if="{{isshow}}"> |
7 | 7 | <view class="container"> |
8 | - <view class="type-navbar"> | |
8 | + <view class="type-navbar"> | |
9 | 9 | <view class="type-box" wx:for="{{categories}}" wx:key="categories"> |
10 | 10 | <view bindtap="tabClick" class="type-navbar-item {{activeCategoryId==item.id?'type-item-on':''}}" id="{{item.id}}"> |
11 | 11 | {{item.name}} |
12 | - </view> | |
12 | + </view> | |
13 | 13 | </view> |
14 | 14 | </view> |
15 | 15 | |
16 | 16 | <view class="goods-detail"> |
17 | 17 | <view class="goods-info" hidden="{{activeCategoryId==0?false:true}}"> |
18 | - <!-- 视频,滚动图bannar --> | |
18 | + <!-- 视频 --> | |
19 | 19 | <!-- <swiper bindchange="swiperChange"class="xc-pictures swiperContainer rel" current="{{swiperCurrent}}" |
20 | 20 | indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> --> |
21 | 21 | <view id="id" bindtouchstart="handletouchtart" bindtouchmove="handletouchmove"> |
... | ... | @@ -44,7 +44,7 @@ |
44 | 44 | </view> |
45 | 45 | <view class="xc-video-picture abs"> |
46 | 46 | <view class="xc-video" data-vipi="0" bindtap="videopicture"> |
47 | - <view class=" {{videopicture==0 ? 'xc-video-button':'xc-video-buttons'}} {{videopicture==0 ? 'xc-sn':''}}"> | |
47 | + <view class="{{videopicture==0 ? 'xc-video-button':'xc-video-buttons'}} {{videopicture==0 ? 'xc-sn':''}}"> | |
48 | 48 | 视频 |
49 | 49 | </view> |
50 | 50 | </view> |
... | ... | @@ -57,6 +57,8 @@ |
57 | 57 | </block> |
58 | 58 | </view> |
59 | 59 | </view> |
60 | + | |
61 | + | |
60 | 62 | <!----显示秒杀价,团购,积分购----> |
61 | 63 | <view class="prom_show rel" wx:if="{{prom_type==1}}"> |
62 | 64 | |
... | ... | @@ -78,6 +80,7 @@ |
78 | 80 | <view class="time" style="color: {{prom_st==1?'#d40022':'#0097e0'}}">秒</view> |
79 | 81 | </view> |
80 | 82 | </view> |
83 | + | |
81 | 84 | <!----拼单----> |
82 | 85 | <view class="pt_show " wx:if="{{prom_type==6}}"> |
83 | 86 | <view class="pt_view rel"> |
... | ... | @@ -225,10 +228,11 @@ |
225 | 228 | </view> |
226 | 229 | </view> |
227 | 230 | </view> |
231 | + | |
228 | 232 | <block wx:if="{{prom_type!=6}}"> |
229 | 233 | <view class="goods-price rel"> |
230 | 234 | <view class="co-red" style="overflow: hidden" wx:if="{{prom_type==0 || prom_type==3}}"> |
231 | - <view class="market-price" style="overflow: hidden"> | |
235 | + <view class="market-price" style="overflow: hidden"> | |
232 | 236 | <block wx:if="{{card_field && data[card_field]>0}}"> |
233 | 237 | <view class="flex ai-center grade-card-frame" style="margin-left:12rpx;"> |
234 | 238 | <image class="img" src="{{iurl}}/miniapp/images/userinfo/userinfo/privilege_t.png"></image> |
... | ... | @@ -244,6 +248,7 @@ |
244 | 248 | <view class='yj'><text>原价:¥{{data.market_price}}</text></view> |
245 | 249 | </block> |
246 | 250 | </view> |
251 | + | |
247 | 252 | </view> |
248 | 253 | |
249 | 254 | <!-- 这个是分享按钮 --> |
... | ... | @@ -251,9 +256,14 @@ |
251 | 256 | <image class="share-frame" src="{{iurl}}/miniapp/images/share.png"></image> |
252 | 257 | <view class="share-font">分享</view> |
253 | 258 | </view> |
254 | - | |
255 | - <!-- 等级卡的价格,不是等级卡会员,且商品又有设置等级级价,商家后台有开通升级卡同能 --> | |
259 | + | |
260 | + | |
261 | + | |
262 | + | |
263 | + <!-- 等级卡的价格,不是等级卡会员,且商品又有设置等级级价,商家后台有开通升级卡同能 --> | |
264 | + | |
256 | 265 | <view class="flex ai_and" wx:if="{{!card_field && g_filters.is_has_rank(rank_switch,data)}}"> |
266 | + | |
257 | 267 | <view class="flex ai-center grade-card-frame card-frame"style="padding-right:0rpx" > |
258 | 268 | <image class="img" src="{{iurl}}/miniapp/images/userinfo/userinfo/privilege_t.png"></image> |
259 | 269 | <view class="fs24 white view card-name ellipsis-1">{{g_filters.get_card_price(data,card_list,1)}}</view> |
... | ... | @@ -263,10 +273,13 @@ |
263 | 273 | ¥</text>{{g_filters.get_card_price(data,card_list,0)}} |
264 | 274 | </view> |
265 | 275 | </view> |
266 | - | |
267 | - | |
268 | - <!-- 等级卡的显示,购买, 等级卡近30天要显示续费--> | |
276 | + | |
277 | + | |
278 | + | |
279 | + <!-- 等级卡的显示,购买, 等级卡近30天要显示续费--> | |
280 | + <view>{{g_filters.is_has_rank(rank_switch,data)}}</view> | |
269 | 281 | <block wx:if="{{g_filters.is_has_rank(rank_switch,data)}}"> |
282 | + | |
270 | 283 | <view wx:if="{{!card_field }}"> |
271 | 284 | <view class="beauty-makeup-frame flex ai-center"> |
272 | 285 | <view class="left flex ai-center"> |
... | ... | @@ -309,15 +322,8 @@ |
309 | 322 | </view> |
310 | 323 | |
311 | 324 | </block> |
312 | - | |
313 | - | |
314 | - | |
315 | - | |
316 | - | |
317 | - | |
318 | - | |
319 | - | |
320 | - <!-- 商品名称 --> | |
325 | + <!--许程商品名字--> | |
326 | + | |
321 | 327 | <view wx:if="{{prom_type!=1}}"> |
322 | 328 | <view class="goods-title"> |
323 | 329 | <view class="goods-name elli">{{data.goods_name}}</view> |
... | ... | @@ -325,7 +331,7 @@ |
325 | 331 | </view> |
326 | 332 | |
327 | 333 | <view class="goods-num" wx:if="{{prom_type!=1}}"> |
328 | - <view class="sales">销量:{{data.sales_sum}}件</view> | |
334 | + <view class="sales">销量:{{data.sales_sum}}件</view> | |
329 | 335 | <view class="stock">折扣:{{data.disc}}折</view> |
330 | 336 | <view class="stock">{{categories3[0].num}}人评价</view> |
331 | 337 | </view> |
... | ... | @@ -344,7 +350,7 @@ |
344 | 350 | </view> |
345 | 351 | </view> |
346 | 352 | </view> |
347 | - <view style='height:42rpx'></view> | |
353 | + | |
348 | 354 | <view class="xc-explain fs32 ellipsis-2" wx:if="{{prom_type!=0}}"> |
349 | 355 | {{data.goods_name}} |
350 | 356 | </view> |
... | ... | @@ -371,6 +377,37 @@ |
371 | 377 | |
372 | 378 | </view> |
373 | 379 | </block> |
380 | + | |
381 | + <!-- 门店收货地址 --> | |
382 | + <view class="xc-address_frame flex-vertical xc-ash {{def_pick_store!=null?'sn_height':'on_height'}}" > | |
383 | + <view class="address_frame" bindtap="choice_store" data-ind="0"> | |
384 | + <view class="flex-vertical-between "> | |
385 | + <view class="flex-vertical select_store_height"> | |
386 | + <image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image> | |
387 | + <view class="fs30 xc-ash-9f">选择门店</view> | |
388 | + </view> | |
389 | + <view class="red_bb fs32"> | |
390 | + 更多门店 | |
391 | + <text class="bg_jj"></text> | |
392 | + </view> | |
393 | + </view> | |
394 | + | |
395 | + <view wx:if="{{def_pick_store}}"> | |
396 | + <view class="flex-space-between address ai_end "> | |
397 | + <view> | |
398 | + <text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text> | |
399 | + </view> | |
400 | + <view class="distance fs24"wx:if="{{def_pick_store.distance!=null}}"> | |
401 | + 距离:{{def_pick_store.distance>1000?filters.toFix(def_pick_store.distance/1000,2)+"km":filters.toFix(def_pick_store.distance,0)+"m"}} | |
402 | + | |
403 | + </view> | |
404 | + </view> | |
405 | + <view class="fs24 xc-ash-9f">地址:{{def_pick_store.fulladdress}}</view> | |
406 | + </view> | |
407 | + </view> | |
408 | + | |
409 | + </view> | |
410 | + | |
374 | 411 | <!--许程 7.24暂时注释 --> |
375 | 412 | <view wx:if="{{prom_type!=1&&prom_act.kttype!=3&&prom_act.kttype!=2&&prom_act.kttype!=1 && is_closecoupon!=1}}"> |
376 | 413 | <view class="cx-frame flex" style="position: relative" wx:if="{{fir_quan.length>0}}"> |
... | ... | @@ -412,16 +449,16 @@ |
412 | 449 | <view class="xc_comment-left"> |
413 | 450 | <view class="xc_comment-user"> |
414 | 451 | <view class="xc_user-img"> |
415 | - <image class="xc_imgs" src='{{item.head_pic}}' binderror="bind_bnerr2" data-errorimg="fir_comments[{{index}}].head_pic"></image> | |
452 | + <image class="xc_imgs" src='{{item.is_anonymous!=1?item.head_pic:iurl+"/miniapp/images/hui_hear_pic.png"}}' binderror="bind_bnerr2" data-errorimg="fir_comments[{{index}}].head_pic"></image> | |
416 | 453 | </view> |
417 | 454 | |
418 | 455 | <view class="xc_user"> |
419 | - <view class="xc_user-name five-level-word">{{item.username}}</view> | |
456 | + <view class="xc_user-name five-level-word">{{item.is_anonymous!=1?item.username:'匿名'}}</view> | |
420 | 457 | <image class="xc_comment-img" src="{{iurl}}/miniapp/images/star-red.png" wx:for="{{item.sum_rank}}" wx:key="{{index}}"></image> |
421 | 458 | </view> |
422 | 459 | </view> |
423 | - <view class="xc_comment-font fs22 ellipsis-2"> | |
424 | - {{item.content?item.content:''}} | |
460 | + <view class="xc_comment-font pj_word_size ellipsis-2"> | |
461 | + {{item.content?item.content:''}} | |
425 | 462 | </view> |
426 | 463 | <view class="xc_comment-val"> |
427 | 464 | <view class="xc_comment-time">{{item.add_time}}</view> |
... | ... | @@ -429,7 +466,8 @@ |
429 | 466 | </view> |
430 | 467 | </view> |
431 | 468 | <view class="xc_goods-img-frame"> |
432 | - <image wx:if="{{item.img[0]!=undefined && item.img[0]!=null}}" class="xc_goods-img" src='{{iurl+item.img[0]}}'></image> | |
469 | + <image wx:if="{{item.img[0]!=undefined && item.img[0]!=null}}" class="xc_goods-img" src='{{iurl+item.img[0]}}'></image> | |
470 | + <image wx:elif="{{item.weapp_img[0]!=undefined && item.weapp_img[0]!=null}}" class="xc_goods-img" src='{{item.weapp_img[0]}}'></image> | |
433 | 471 | <image wx:else class="xc_goods-img" src='{{gallery[0].image_url}}'></image> |
434 | 472 | </view> |
435 | 473 | </view> |
... | ... | @@ -503,7 +541,7 @@ |
503 | 541 | <text>规格</text> |
504 | 542 | </view> |
505 | 543 | <view class="item_right"> |
506 | - <text>{{data.goods_spec==""?"规格1":data.goods_spec}}</text> | |
544 | + <text>{{filters.show_gui_ge(data.goods_spec,data.goods_color)}}</text> | |
507 | 545 | </view> |
508 | 546 | </view> |
509 | 547 | <view class="tb_item tb-l"> |
... | ... | @@ -532,11 +570,27 @@ |
532 | 570 | </view> |
533 | 571 | |
534 | 572 | <!-- 显示商品 --> |
535 | - <goods_recommend id="goods_list"></goods_recommend> | |
573 | + <view class="xc-goods "> | |
574 | + <view> | |
575 | + <view bindtap="go_goods" data-gid="{{item.goods_id}}" class="rel xc-goods-recommend {{index%2==0?'':'ml'}}" wx:for="{{recommend_list}}"> | |
576 | + <image class="xc-goods-imgs" src="{{iurl+item.original_img}}"></image> | |
577 | + <view class='xc-goods-bottom abs'> | |
578 | + <view class="flex monry-frame"> | |
579 | + <view class="flex"> | |
580 | + <view class="three-level-word money-color-val rmb-symbol">¥</view> | |
581 | + <view class="two-level-word money-color-val" style='margin-top:8rpx;'>{{item.shop_price}}</view> | |
582 | + </view> | |
583 | + <view class="word-lines xc-original-price"> 原价¥{{item.market_price}}</view> | |
584 | + </view> | |
585 | + <view class="xc-good-explain ellipsis-2">{{item.goods_name}}</view> | |
586 | + </view> | |
587 | + </view> | |
588 | + </view> | |
589 | + </view> | |
536 | 590 | |
537 | 591 | </view> |
538 | 592 | |
539 | - <!------------商品详情图片页面--------------> | |
593 | + <!------------商品详情图片页面----------------> | |
540 | 594 | <view class="goods-norms" hidden="{{activeCategoryId==1?false:true}}"> |
541 | 595 | <view class="table_s"> |
542 | 596 | <view class="tb_item tb-l"> |
... | ... | @@ -609,7 +663,7 @@ |
609 | 663 | <template is="wxParse" data="{{wxParseData:content.nodes}}"></template> |
610 | 664 | </view> |
611 | 665 | </view> |
612 | - <!------------评价页面--------------> | |
666 | + <!---------------评价页面--------------> | |
613 | 667 | <view class="goods-comment" hidden="{{activeCategoryId==2?false:true}}"> |
614 | 668 | <view class="topframe"> |
615 | 669 | <view class="topframe-top"> |
... | ... | @@ -629,26 +683,33 @@ |
629 | 683 | <view style='border-bottom:4rpx solid #eee;'> |
630 | 684 | <view class="middle"> |
631 | 685 | <view class="middle-img-frame"> |
632 | - <image class="middle-img" src="{{item.head_pic}}" binderror="bind_bnerr2" data-errorimg="comments[{{cIdx}}].head_pic"></image> | |
686 | + <image class="middle-img" src="{{item.is_anonymous!=1?item.head_pic:iurl+'/miniapp/images/hui_hear_pic.png'}}" binderror="bind_bnerr2" data-errorimg="comments[{{cIdx}}].head_pic"></image> | |
633 | 687 | <view class="middle-user-frame"> |
634 | - <view class="middle-user">{{item.username==''?'匿名用户':item.username}}</view> | |
688 | + <view class="middle-user">{{item.username==''||item.is_anonymous==1 ?'匿名用户':item.username}}</view> | |
635 | 689 | <image class="star" src="{{iurl}}/miniapp/images/star-red.png" wx:for="{{item.sum_rank}}" wx:key="{{index}}"></image> |
636 | 690 | </view> |
637 | 691 | </view> |
638 | - <view class="xc-pirces" > | |
639 | - <text class="middle-font"> | |
692 | + <view class="xc-pirces"> | |
693 | + <view class="middle-font {{item.seeMore==true?'ellipsis-3':''}}" > | |
640 | 694 | {{item.content?item.content:''}} |
641 | - </text> | |
695 | + </view> | |
642 | 696 | </view> |
697 | + <view wx:if='{{item.seeMore}}' data-index='{{cIdx}}' class="s_btn fs30 red-co" catchtap='toggleHandler'>全部显示</view> | |
698 | + <view wx:if='{{!item.seeMore && item.auto}}' data-index='{{cIdx}}' class="s_btn fs30 red-co" catchtap='toggleContent'>收起</view> | |
643 | 699 | <view class="img-ul"> |
644 | - <view class="img-li" wx:for="{{item.img}}" wx:key="{{index}}"> | |
645 | - <image bindtap="previewCommentImgs" class="wh100" data-cidx="{{cIdx}}" | |
646 | - data-id="{{index}}" src="{{iurl}}{{item}}"></image> | |
647 | - </view> | |
648 | - </view> | |
649 | 700 | |
650 | - <view class="iddle-goods-img"> | |
651 | - <image bindtap="previewCommentImgs" class="goods-img" wx:for="{{item.img}}" wx:key="{{index}}" data-cidx="{{cIdx}}" data-id="{{index}}" src="{{iurl}}{{item}}"></image> | |
701 | + <block wx:if="{{item.source_type==0}}"> | |
702 | + <view class="img-li" wx:for="{{item.img}}" wx:key="{{index}}"> | |
703 | + <image bindtap="previewCommentImgs" class="wh100" data-cidx="{{cIdx}}" | |
704 | + data-id="{{index}}" src="{{iurl}}{{item}}"></image> | |
705 | + </view> | |
706 | + </block> | |
707 | + <block wx:if="{{item.source_type==1}}"> | |
708 | + <view class="img-li" wx:for="{{item.weapp_img}}" wx:if="{{aitem.length>10}}" wx:key="{{index}}" wx:for-item="aitem"> | |
709 | + <image bindtap="previewCommentImgs_w" class="wh100" data-cidx="{{cIdx}}" | |
710 | + data-id="{{index}}" src="{{aitem}}"></image> | |
711 | + </view> | |
712 | + </block> | |
652 | 713 | </view> |
653 | 714 | |
654 | 715 | <view class="z_parameter"> |
... | ... | @@ -670,8 +731,11 @@ |
670 | 731 | </view> |
671 | 732 | </view> |
672 | 733 | </block> |
673 | - <block wx:if="{{comments.length==0 && get_c}}"> | |
674 | - <text class="no_pj_list">暂无评价</text> | |
734 | + <block wx:if="{{(!comments || comments.length==0) && get_c }}"> | |
735 | + <text class="no_pj_list">暂无评价</text> | |
736 | + </block> | |
737 | + <block wx:if="{{comments.length>10 && comments_no_more}}"> | |
738 | + <text class="no_pj_list">已经加载到底部</text> | |
675 | 739 | </block> |
676 | 740 | </view> |
677 | 741 | </view> |
... | ... | @@ -680,6 +744,7 @@ |
680 | 744 | <view bindtap="doScrollTop" class="toTop" wx:if="{{supportPageScroll}}"> |
681 | 745 | <image class="wh100" src="{{iurl}}/miniapp/images/topup.png"></image> |
682 | 746 | </view> |
747 | + | |
683 | 748 | <!-------------------底部按钮--------------------> |
684 | 749 | <view class="join-cart"> |
685 | 750 | <view bindtap="contactService" class="custom-service cart-ico new_split"> |
... | ... | @@ -698,15 +763,19 @@ |
698 | 763 | <view>购物车</view> |
699 | 764 | </navigator> |
700 | 765 | </view> |
701 | - <!---<view bindtap="openSpecModel" class="buy-btn cart-btn cart-btn-lg" wx:if="{{data.goods.is_virtual}}">立即购买</view>--> | |
702 | - <block wx:if="{{prom_type==0}}"> | |
766 | + <view bindtap="openSpecModel" class="buy-btn cart-btn cart-btn-lg" wx:if="{{data.goods.is_virtual}}">立即购买</view> | |
703 | 767 | |
704 | - <block wx:if="{{data.store_count>0}}"> | |
705 | - <view bindtap="openSpecModel" data-ind="1" class="join-btn cart-btn">加入购物车</view> | |
706 | - <view bindtap="openSpecModel" data-ind="2" class="buy-btn cart-btn">立即购买</view> | |
768 | + <!---- 普通商品购买 -----> | |
769 | + <block wx:if="{{prom_type==0 || prom_type==2 || prom_type==3 || prom_type==4}}"> | |
770 | + | |
771 | + <block wx:if="{{sele_g.store_count>0}}"> | |
772 | + <view bindtap="openSpecModel" data-ind="1" class="join-btn cart-btn">加入购物车</view> | |
773 | + <view bindtap="openSpecModel" data-ind="2" class="buy-btn cart-btn">立即购买</view> | |
707 | 774 | </block> |
708 | - <block wx:else> | |
709 | - <view data-ind="1" class="join-btn cart-btn no_store">库存不足</view> | |
775 | + <block wx:else> | |
776 | + <view class="is_stock cart-btn is_stock xc-ash-b " style="width:55.5%"> | |
777 | + 库存不足 | |
778 | + </view> | |
710 | 779 | </block> |
711 | 780 | |
712 | 781 | </block> |
... | ... | @@ -731,13 +800,7 @@ |
731 | 800 | <!-------拼单--------> |
732 | 801 | <block wx:if="{{prom_type==6}}"> |
733 | 802 | <view bindtap="openSpecModel_pt" data-it="1" data-ind="1" class="join-btn cart-btn line-h"> |
734 | - <block wx:if="{{card_field && data[card_field]>0}}"> | |
735 | - <view class="fir-v">¥{{filters.toFix(data[card_field],2)}}</view> | |
736 | - </block> | |
737 | - <block wx:else> | |
738 | - <view class="fir-v">¥{{filters.toFix(data.shop_price,2)}}</view> | |
739 | - </block> | |
740 | - | |
803 | + <view class="fir-v">¥{{filters.toFix(data.shop_price,2)}}</view> | |
741 | 804 | <view>单独购买</view> |
742 | 805 | </view> |
743 | 806 | |
... | ... | @@ -784,59 +847,75 @@ |
784 | 847 | <nav_box></nav_box> |
785 | 848 | |
786 | 849 | </block> |
787 | - | |
788 | 850 | <!----弹起来,选择规格数量,普通商品购买和秒杀------> |
789 | 851 | <view hidden="{{!openSpecModal}}"> |
790 | 852 | <view bindtap="closeSpecModal" class="cover-layer"></view> |
791 | 853 | <view class="spec-model"> |
792 | - <view class="pding"> | |
793 | - <icon bindtap="closeSpecModal" class="modal-close" color="gray" size="22" type="cancel"></icon> | |
854 | + <view class="pding"> | |
855 | + <icon bindtap="closeSpecModal" class="modal-close" color="black" size="22" type="cancel"></icon> | |
794 | 856 | <view class="spec-goods"> |
795 | - <image class="wh100 spec-img" src="{{data.original_img}}" binderror="pop_err_img" data-errorimg="data.original_img"></image> | |
857 | + <image class="wh100 spec-img xc-distance-bottom" src="{{data.original_img}}" binderror="pop_err_img" data-errorimg="data.original_img"></image> | |
796 | 858 | <view class="spec-goods-info"> |
797 | - <!--<view class="spec-goods-name">{{data.goods_name}}</view>--> | |
798 | - <view class="spec-goods-price" wx:if="{{prom_price==null}}"> | |
799 | - <!-- 如果是等级会员,且有等级价 --> | |
800 | - <block wx:if="{{card_field && sele_g[card_field]>0}}"> | |
801 | - ¥ {{sele_g[card_field]}} | |
802 | - </block> | |
803 | - <block wx:else> | |
804 | - ¥ {{sele_g.shop_price}} | |
805 | - </block> | |
806 | - </view> | |
807 | - <view class="spec-goods-price" wx:else>¥ {{prom_price}}</view> | |
859 | + <view class="spec-goods-name ellipsis-1">{{sele_g.goods_name}}</view> | |
860 | + <view class="flex ai_end xc-val-money"> | |
861 | + <view class="spec-goods-price" wx:if="{{prom_price==null}}"><text class="fs20">¥</text>{{sele_g.shop_price}}</view> | |
862 | + <view class="spec-goods-price" wx:else><text class="fs20">¥</text>{{prom_price}}</view> | |
863 | + </view> | |
864 | + | |
808 | 865 | <block wx:if="{{prom_type==0}}"> |
866 | + <view class="flex"> | |
809 | 867 | <view class="spec-goods-stock">已售:{{sele_g.sales_sum}}</view> |
810 | 868 | <view class="spec-goods-stock">可售:{{sele_g.store_count}}</view> |
811 | - <view class="spec-goods-stock">已选:{{sele_g.gg}}</view> | |
869 | + | |
870 | + </view> | |
812 | 871 | </block> |
813 | 872 | <block wx:if="{{prom_type==1}}"> |
873 | + <view class="flex"> | |
814 | 874 | <view class="spec-goods-stock" wx:if="{{prom_st>0}}">已售:{{prom_act.buy_num+prom_act.virtual}}</view> |
815 | 875 | <view class="spec-goods-stock" wx:else >已售:{{prom_act.buy_num}}</view> |
816 | 876 | <view class="spec-goods-stock">可售:{{prom_act.goods_num-prom_act.buy_num}}</view> |
817 | - <view class="spec-goods-stock">已选:{{sele_g.gg}}</view> | |
877 | + | |
878 | + | |
879 | + </view> | |
818 | 880 | </block> |
819 | 881 | </view> |
820 | - </view> | |
882 | + | |
883 | + <!-- 选择门店模块 --> | |
884 | + <view class="flex-space-between address ai_end xc-width "> | |
885 | + | |
886 | + <view class="flex ai_end" wx:if="{{def_pick_store}}"> | |
887 | + <text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text> | |
888 | + <view class="distance fs24 xc-ash"wx:if="{{def_pick_store.distance!=null}}"> | |
889 | + 距离:{{def_pick_store.distance>1000?filters.toFix(def_pick_store.distance/1000,2)+"km":filters.toFix(def_pick_store.distance,0)+"m"}} | |
890 | + | |
891 | + </view> | |
892 | + </view> | |
893 | + | |
894 | + <!-- 没有门店的时候 --> | |
895 | + <view class="flex" bindtap="choice_store"wx:else> | |
896 | + <image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image> | |
897 | + <view class="fs28 xc-ash-9f">选择门店</view> | |
898 | + </view> | |
899 | + | |
900 | + <view class="red-co fs28" bindtap="choice_store" > | |
901 | + 更多门店 | |
902 | + <text class="right-arrow"></text> | |
903 | + </view> | |
904 | + </view> | |
905 | + <view class="fs24 xc-ash-9f xc-distance-top "wx:if="{{def_pick_store}}">地址:{{def_pick_store.fulladdress}}</view> | |
906 | + </view> | |
907 | + | |
821 | 908 | <!----商品的属性项目----> |
909 | + <view class="xc-goods-attribute"> | |
822 | 910 | <view hidden="{{ismend==1}}" class="spec-name">商品属性</view> |
823 | 911 | <view hidden="{{ismend==1}}" class="flex"> |
824 | 912 | <view class="spec_bt {{gid==item.goods_id?'act':''}}" bindtap="sele_spec" data-gid='{{item.goods_id}}' wx:for="{{sku_g}}" wx:key="sku_g"> |
825 | 913 | {{item.gg}} |
826 | 914 | </view> |
827 | 915 | </view> |
916 | +</view> | |
917 | + | |
828 | 918 | |
829 | - <!----点击选择门店的时候要隐藏----> | |
830 | - <view hidden="{{ismend==1}}"> | |
831 | - <view bindtap="getmendian" class="quhuo logistics-item"> | |
832 | - <view wx:if="{{sto_sele_name==''}}">取货门店 | |
833 | - <text class='small'>(选择门店)</text> | |
834 | - </view> | |
835 | - <view wx:else>取货门店({{sto_sele_name}})</view> | |
836 | - <view class="item-img"> | |
837 | - <image class="wh100" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> | |
838 | - </view> | |
839 | - </view> | |
840 | 919 | <view class="b_num"> |
841 | 920 | <view>购买数量</view> |
842 | 921 | <view class="count"> |
... | ... | @@ -846,6 +925,14 @@ |
846 | 925 | </view> |
847 | 926 | </view> |
848 | 927 | </view> |
928 | + <view class="spec-cart-btns"> | |
929 | + | |
930 | + | |
931 | + <view wx:if="{{openSpecModal_ind==1}}" bindtap="addCart"data-openSpecModal_ind="{{openSpecModal_ind}}" class="spec-cart-btn yellow fs32" data-action="add">加入购物车</view> | |
932 | + <view wx:if="{{openSpecModal_ind==2}}" bindtap="addCart"data-openSpecModal_ind="{{openSpecModal_ind}}" class="spec-cart-btn spec-buy" data-action="buy">立即购买</view> | |
933 | + | |
934 | + </view> | |
935 | + | |
849 | 936 | <view class="clear"></view> |
850 | 937 | <!---选择门店的列表---> |
851 | 938 | <view hidden="{{ismend==0}}" class="sto_v"> |
... | ... | @@ -871,51 +958,72 @@ |
871 | 958 | </view> |
872 | 959 | </view> |
873 | 960 | </view> |
874 | - <view class="spec-cart-btns"> | |
875 | - <block> | |
876 | - <view wx:if="{{openSpecModal_ind==1}}" bindtap="addCart" class="spec-cart-btn spec-buy" data-action="add">加入购物车</view> | |
877 | - <view wx:if="{{openSpecModal_ind==2}}" bindtap="addCart" class="spec-cart-btn spec-buy" data-action="buy">立即购买</view> | |
878 | - </block> | |
879 | - </view> | |
880 | - </view> | |
961 | + | |
881 | 962 | </view> |
882 | - | |
883 | 963 | <!----弹起来,选择规格数量,拼单商品购买------> |
884 | 964 | <view hidden="{{!openSpecModal_pt}}"> |
885 | 965 | <view bindtap="closeSpecModal" class="cover-layer"></view> |
886 | 966 | <view class="spec-model"> |
887 | 967 | <view class="pding"> |
888 | 968 | <icon bindtap="closeSpecModal" class="modal-close" color="gray" size="22" type="cancel"></icon> |
969 | + | |
970 | + <!-- 商品名称 --> | |
889 | 971 | <view class="spec-goods"> |
890 | - <image class="wh100 spec-img" src="{{data.original_img}}" binderror="pop_err_img" data-errorimg="data.original_img"></image> | |
972 | + <image class="wh100 spec-img xc-distance-bottom" src="{{data.original_img}}" binderror="pop_err_img" data-errorimg="data.original_img"></image> | |
891 | 973 | <view class="spec-goods-info"> |
892 | - <!--<view class="spec-goods-name">{{data.goods_name}}</view>--> | |
893 | - <view class="spec-goods-price" wx:if="{{is_normal==1}}"> | |
894 | - <!-- 如果是等级会员,且有等级价 --> | |
895 | - <block wx:if="{{card_field && sele_g[card_field]>0}}"> | |
896 | - ¥ {{sele_g[card_field]}} | |
897 | - </block> | |
898 | - <block wx:else> | |
899 | - ¥ {{sele_g.shop_price}} | |
900 | - </block> | |
901 | - </view> | |
902 | - <view class="spec-goods-price" wx:else>¥ {{prom_price}}</view> | |
974 | + <view class="spec-goods-name ellipsis-1">{{sele_g.goods_name}}</view> | |
975 | + <view class="flex ai_end xc-val-money"> | |
976 | + <view class="spec-goods-price" wx:if="{{is_normal==1}}">¥ {{sele_g.shop_price}}</view> | |
977 | + <view class="spec-goods-price" wx:else>¥ {{prom_price}}</view> | |
978 | + </view> | |
903 | 979 | |
904 | - <block wx:if="{{is_normal==0}}"> | |
905 | - <view class="spec-goods-stock">已售:{{prom_act.buy_num}}</view> | |
906 | - <view class="spec-goods-stock">可售:{{prom_act.goods_num-prom_act.buy_num}}</view> | |
907 | - <view class="spec-goods-stock">已选:{{sele_g.gg}}</view> | |
980 | + <block wx:if="{{is_normal==1}}"> | |
981 | + <view class="flex"> | |
982 | + <view class="spec-goods-stock">已售:{{sele_g.sales_sum}}</view> | |
983 | + <view class="spec-goods-stock">可售:{{sele_g.store_count}}</view> | |
984 | + </view> | |
908 | 985 | </block> |
909 | - <block wx:else> | |
910 | - <view class="spec-goods-stock">已售:{{sele_g.sales_sum}}</view> | |
911 | - <view class="spec-goods-stock">可售:{{sele_g.store_count}}</view> | |
912 | - <view class="spec-goods-stock">已选:{{sku_g_pt[0].gg}}</view> | |
986 | + <block wx:if="{{is_normal==0}}"> | |
987 | + <view class="flex"> | |
988 | + <view class="spec-goods-stock" wx:if="{{prom_st>0}}">已售:{{prom_act.buy_num}}</view> | |
989 | + <view class="spec-goods-stock" wx:else >已售:{{prom_act.buy_num}}</view> | |
990 | + <view class="spec-goods-stock">可售:{{prom_act.goods_num-prom_act.buy_num}}</view> | |
991 | + </view> | |
913 | 992 | </block> |
914 | 993 | </view> |
994 | + | |
995 | + </view> | |
996 | + | |
997 | + | |
998 | + | |
999 | + <view style="clear: both"></view> | |
1000 | + <view style="margin-top: 20rpx"> | |
1001 | + <view class="flex-space-between address ai_end xc-width "> | |
1002 | + | |
1003 | + <view class="flex ai_end" wx:if="{{def_pick_store}}"> | |
1004 | + <text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text> | |
1005 | + <view class="distance fs24 xc-ash"wx:if="{{def_pick_store.distance!=null}}"> | |
1006 | + 距离:{{def_pick_store.distance>1000?filters.toFix(def_pick_store.distance/1000,2)+"km":filters.toFix(def_pick_store.distance,0)+"m"}} | |
1007 | + | |
1008 | + </view> | |
1009 | + </view> | |
1010 | + | |
1011 | + <!-- 没有门店的时候 --> | |
1012 | + <view class="flex" bindtap="choice_store"wx:else> | |
1013 | + <image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image> | |
1014 | + <view class="fs28 xc-ash-9f">选择门店</view> | |
1015 | + </view> | |
1016 | + | |
1017 | + <view class="red-co fs28" bindtap="choice_store" > | |
1018 | + 更多门店 | |
1019 | + <text class="right-arrow"></text> | |
1020 | + </view> | |
1021 | + </view> | |
1022 | + <view class="fs24 xc-ash-9f xc-distance-top "wx:if="{{def_pick_store}}">地址:{{def_pick_store.fulladdress}}</view> | |
915 | 1023 | </view> |
916 | 1024 | <!----商品的属性项目----> |
1025 | + <view> | |
917 | 1026 | <view hidden="{{ismend==1}}" class="spec-name">商品属性</view> |
918 | - | |
919 | 1027 | <block wx:if="{{is_normal==0}}"> |
920 | 1028 | <view hidden="{{ismend==1}}" class="flex"> |
921 | 1029 | <view class="spec_bt {{gid==item.goods_id?'act':''}}" bindtap="sele_spec" data-gid='{{item.goods_id}}' wx:for="{{sku_g}}" wx:key="sku_g">{{item.gg}} |
... | ... | @@ -930,22 +1038,26 @@ |
930 | 1038 | </view> |
931 | 1039 | </block> |
932 | 1040 | <view class="clear"></view> |
1041 | + </view> | |
933 | 1042 | |
934 | - <view> | |
935 | - <view bindtap="getmendian" class="quhuo logistics-item" hidden="{{ismend==1}}"> | |
936 | - <view wx:if="{{sto_sele_name==''}}">取货门店 | |
937 | - <text class='small'>(选择门店)</text> | |
938 | - </view> | |
939 | - <view wx:else>{{sto_sele_name}}</view> | |
940 | - <view class="item-img"> | |
941 | - <image class="wh100" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> | |
942 | - </view> | |
943 | - </view> | |
944 | - <view class="b_num" hidden="{{ismend==1}}"> | |
1043 | + | |
1044 | + <view> | |
1045 | + <!--<view bindtap="getmendian" class="quhuo logistics-item" hidden="{{ismend==1}}">--> | |
1046 | + <!--<view wx:if="{{sto_sele_name==''}}">取货门店--> | |
1047 | + <!--<text class='small'>(选择门店)</text>--> | |
1048 | + <!--</view>--> | |
1049 | + <!--<view wx:else>{{sto_sele_name}}</view>--> | |
1050 | + <!--<view class="item-img">--> | |
1051 | + <!--<image class="wh100" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image>--> | |
1052 | + <!--</view>--> | |
1053 | + <!--</view>--> | |
1054 | + | |
1055 | + | |
1056 | + <view class="b_num" hidden="{{ismend==1}}" style="margin-top: 20rpx"> | |
945 | 1057 | <view>购买数量</view> |
946 | 1058 | <view class="count"> |
947 | 1059 | <view bindtap="subCartNum" class="sub">-</view> |
948 | - <input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input> | |
1060 | + <input bindblur="inputCartNum xc-val-fream" type="number" value="{{goodsInputNum}}"></input> | |
949 | 1061 | <view bindtap="addCartNum" class="add">+</view> |
950 | 1062 | </view> |
951 | 1063 | </view> |
... | ... | @@ -958,7 +1070,7 @@ |
958 | 1070 | </view> |
959 | 1071 | <!-----第一级显示------> |
960 | 1072 | <view class="itemlists" hidden="{{is_sec_mend==1}}"> |
961 | - <block wx:if="{{is_show_sto_cat}}"> | |
1073 | + <block wx:if="{{is_show_sto_cat>0}}"> | |
962 | 1074 | <view wx:for="{{all_sto}}" wx:key="all_sto" class="item" bindtap="show_sec" data-index="{{index}}">{{item.name}}</view> |
963 | 1075 | </block> |
964 | 1076 | <block wx:else> |
... | ... | @@ -975,12 +1087,13 @@ |
975 | 1087 | </view> |
976 | 1088 | </view> |
977 | 1089 | </view> |
978 | - </view> | |
1090 | + </view> | |
979 | 1091 | <view class="pt_qd"> |
980 | 1092 | <view bindtap="addCart_pt" class="spec-cart-btn spec-buy w100" data-action="buy">确定</view> |
981 | 1093 | </view> |
982 | 1094 | </view> |
983 | 1095 | </view> |
1096 | +<!----弹起来优惠信息------> | |
984 | 1097 | <view hidden="{{!openPromModal}}"> |
985 | 1098 | <view bindtap="closePromModal" class="cover-layer"></view> |
986 | 1099 | <view class="prom-model"> |
... | ... | @@ -1035,7 +1148,7 @@ |
1035 | 1148 | <view class="xc-frame"> |
1036 | 1149 | <view class="top-frame"> |
1037 | 1150 | <view class="xc-coupon-frame "> |
1038 | - <!--单张的券--> | |
1151 | + <!---单张的券---> | |
1039 | 1152 | <view class="rel" wx:for="{{quan_list}}" wx:key="{{index}}"> |
1040 | 1153 | <view class="coupon flex"> |
1041 | 1154 | <view class="circle xc-circular-one"></view> |
... | ... | @@ -1070,9 +1183,151 @@ |
1070 | 1183 | </view> |
1071 | 1184 | </view> |
1072 | 1185 | |
1186 | +<!-- 选择门店的弹框,1.1版最新的 --> | |
1187 | +<block wx:if="{{store==1}}"> | |
1188 | + <view class="mongolia-layer" bindtap="close_popup"></view> | |
1189 | + <view class="popup-frame"> | |
1190 | + <block wx:if="{{sort_store==0}}"> | |
1191 | + <!-- 头部 标题 --> | |
1192 | + <view class="popup-top flex-space-between"> | |
1193 | + <text class="fs32 nearby_store">{{choice_sort_store==0?'附近的门店':region_name}}</text> | |
1194 | + <view> | |
1195 | + <view> | |
1196 | + <icon bindtap="close_popup" class="modal-closes" color="black" size="22" type="cancel"></icon> | |
1197 | + </view> | |
1198 | + <view class="felx choose_more" bindtap="more_store"> | |
1199 | + <text class="fs26 red-co" wx:if="{{is_show_sto_cat}}">{{choice_sort_store==0?'更多门店':'返回'}}</text> | |
1200 | + <view class="bg_rights" wx:if="{{is_show_sto_cat}}"></view> | |
1201 | + </view> | |
1202 | + </view> | |
1203 | + </view> | |
1204 | + <!-- 门店列表,最外层的门店列表,一开始 --> | |
1205 | + <view class="store-list"> | |
1206 | + <!--如果还没有点击更多门店的时候 --> | |
1207 | + <block wx:if="{{choice_sort_store==0}}"> | |
1208 | + <!-- 需要for循环 --> | |
1209 | + <block wx:if="{{is_show_sto_cat==1}}"> | |
1210 | + <view class="store_choose flex" wx:for="{{def_pickpu_list}}" bindtap="choose_for_store_fir" data-ind="{{index}}"> | |
1211 | + <view class="store flex-vertical"> | |
1212 | + <!-- 需要点击事件 --> | |
1213 | + <block wx:if="{{index==fir_pick_index}}"> | |
1214 | + <view class="circle white xc-hook fs20 red-b">Г</view> | |
1215 | + </block> | |
1216 | + <block wx:else> | |
1217 | + <view class="circle xc-hooks"></view> | |
1218 | + </block> | |
1219 | + <view class="address-frame xc-ash"> | |
1220 | + <view class="flex-vertical-between butttem5"> | |
1221 | + <view class="flex xc-ash"> | |
1222 | + <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view> | |
1223 | + </view> | |
1224 | + <view> | |
1225 | + <view class="distance fs24 address-val"wx:if="{{item.distance!=null}}"> | |
1226 | + 距离:{{item.distance>1000?filters.toFix(item.distance/1000,2)+'km':filters.toFix(item.distance,0)+"m"}}</view> | |
1227 | + </view> | |
1228 | + </view> | |
1229 | + <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view> | |
1230 | + </view> | |
1231 | + </view> | |
1232 | + </view> | |
1233 | + </block> | |
1234 | + <block wx:else> | |
1235 | + <view class="store_choose flex" wx:for="{{only_pk}}" bindtap="choose_for_store_fir" data-ind="{{index}}"> | |
1236 | + <view class="store flex-vertical"> | |
1237 | + <!-- 需要点击事件 --> | |
1238 | + <block wx:if="{{index==fir_pick_index}}" > | |
1239 | + <view class="circle white xc-hook fs20 red-b">Г</view> | |
1240 | + </block> | |
1241 | + <block wx:else> | |
1242 | + <view class="circle xc-hooks"></view> | |
1243 | + </block> | |
1244 | + | |
1245 | + <view class="address-frame xc-ash"> | |
1246 | + <view class="flex-vertical-between "> | |
1247 | + <view class="flex xc-ash"> | |
1248 | + <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view> | |
1249 | + </view> | |
1250 | + <view> | |
1251 | + <view class="distance fs24 address-val" | |
1252 | + wx:if="{{item.distance!=null}}">距离:{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}} | |
1253 | + </view> | |
1254 | + </view> | |
1255 | + </view> | |
1256 | + <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view> | |
1257 | + </view> | |
1258 | + </view> | |
1259 | + </view> | |
1260 | + </block> | |
1261 | + </block> | |
1262 | + <block wx:else> <!-- 如果是点击选择门店分类后显示分类下的门店 --> | |
1263 | + <view class="store_choose flex" wx:for="{{sec_sto.s_arr}}" data-ind="{{index}}" bindtap="choose_for_store"> | |
1264 | + <view class="store flex-vertical"> | |
1265 | + <!-- 需要点击事件 --> | |
1266 | + <block wx:if="{{index==sec_pick_index}}"> | |
1267 | + <view class="circle white xc-hook fs20 red-b">Г</view> | |
1268 | + </block> | |
1269 | + <block wx:else> | |
1270 | + <view class="circle xc-hooks"></view> | |
1271 | + </block> | |
1272 | + | |
1273 | + <view class="address-frame xc-ash"> | |
1274 | + <view class="flex-vertical-between "> | |
1275 | + <view class="flex xc-ash"> | |
1276 | + <view class="fs28 xc-black3 address_name">{{item.pickup_name}}</view> | |
1277 | + </view> | |
1278 | + <view> | |
1279 | + <view class="distance fs24 address-val"wx:if="{{item.distance!=null}}"> 距离:{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}}</view> | |
1280 | + </view> | |
1281 | + </view> | |
1282 | + <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view> | |
1283 | + </view> | |
1284 | + </view> | |
1285 | + </view> | |
1286 | + </block> | |
1287 | + | |
1288 | + </view> | |
1289 | + | |
1290 | + <!-- 门店列表底部 --> | |
1291 | + <view class="store-bottom-frame"> | |
1292 | + <view class="store-bottom flex-vertical-between"> | |
1293 | + <view class="determine red-b fs28 white t-c" bindtap="sure_pick" | |
1294 | + data-openindstore="{{open_ind_store}}">确定</view> | |
1295 | + <view class="default t-c fs28" bindtap="set_def_pick"data-openindstore="{{open_ind_store}}">设为默认</view> | |
1296 | + </view> | |
1297 | + </view> | |
1298 | + | |
1299 | + </block> | |
1300 | + | |
1301 | + | |
1302 | + <block wx:else> | |
1303 | + <view class="popup-top flex-space-between"> | |
1304 | + <text class="fs32 nearby_store">门店分类选择</text> | |
1305 | + <view> | |
1306 | + <view> | |
1307 | + <icon bindtap="close_popup" class="modal-closes" color="black" size="22" type="cancel"></icon> | |
1308 | + </view> | |
1309 | + <view class="felx choose_mores" bindtap="returns"> | |
1310 | + <text class="fs26 red-co">返回</text> | |
1311 | + </view> | |
1312 | + </view> | |
1313 | + </view> | |
1314 | + <view class="sort_store_list"> | |
1315 | + | |
1316 | + <view class="sort-store-frame" wx:for="{{all_sto}}" data-index="{{index}}" bindtap="choice_sort_store" data-region="{{item.name}}"> | |
1317 | + <view class="sort-store flex-vertical-between" > | |
1318 | + <view class="fs30" di>{{item.name}}</view> | |
1319 | + <view class="black_rights-frame"> | |
1320 | + <view class="black_rights"></view> | |
1321 | + </view> | |
1322 | + </view> | |
1323 | + </view> | |
1324 | + | |
1325 | + </view> | |
1326 | + </block> | |
1327 | + </view> | |
1328 | +</block> | |
1329 | + | |
1073 | 1330 | <!-- ---------------分享弹窗--------------- --> |
1074 | 1331 | <!--二维码显示页面--> |
1075 | 1332 | <canvas canvas-id='share' style='width:750rpx;height:1217rpx;' wx:if='{{!canvasHidden}}'></canvas> |
1076 | - | |
1077 | - | |
1078 | 1333 | <warn id="warn"></warn> |
1079 | 1334 | \ No newline at end of file | ... | ... |
pages/goods/goodsInfo/goodsInfo.wxss
... | ... | @@ -6,7 +6,7 @@ image { |
6 | 6 | .goods-detail{overflow: hidden} |
7 | 7 | |
8 | 8 | .type-navbar { |
9 | - display: flex; | |
9 | + display: flex; | |
10 | 10 | justify-content: center; |
11 | 11 | width: 100%; |
12 | 12 | height: 80rpx; |
... | ... | @@ -26,6 +26,9 @@ image { |
26 | 26 | } |
27 | 27 | .type-navbar-item { |
28 | 28 | border-bottom: 4rpx solid #fff; |
29 | + display: flex; | |
30 | + justify-content: center; | |
31 | + width: 100%; | |
29 | 32 | } |
30 | 33 | .type-item-on { |
31 | 34 | border-bottom: 4rpx solid #333; |
... | ... | @@ -282,6 +285,7 @@ image { |
282 | 285 | width: 150rpx; |
283 | 286 | height: 150rpx; |
284 | 287 | margin-top: 8rpx; |
288 | + margin-right: 10rpx; | |
285 | 289 | } |
286 | 290 | |
287 | 291 | .comment-btn { |
... | ... | @@ -321,6 +325,9 @@ image { |
321 | 325 | height: 100rpx; |
322 | 326 | background-color: #fff; |
323 | 327 | text-align: center; |
328 | + z-index: 9; | |
329 | + border-top: 4rpx solid #eee; | |
330 | + | |
324 | 331 | } |
325 | 332 | |
326 | 333 | .join-cart>view { |
... | ... | @@ -355,7 +362,7 @@ image { |
355 | 362 | .cart-num { |
356 | 363 | position: absolute; |
357 | 364 | left: 50%; |
358 | - top: 0; | |
365 | + top: 1rpx; | |
359 | 366 | width: 40rpx; |
360 | 367 | height: 40rpx; |
361 | 368 | line-height: 40rpx; |
... | ... | @@ -368,11 +375,19 @@ image { |
368 | 375 | .cart-btn { |
369 | 376 | font-size: 28rpx; |
370 | 377 | color: #fff; |
371 | - line-height: 100rpx; | |
378 | + line-height: 70rpx; | |
379 | + margin-top: 16rpx; | |
380 | + | |
381 | + | |
372 | 382 | } |
373 | 383 | |
374 | 384 | .join-btn { |
375 | 385 | background-color: #ffb03f; |
386 | + height: 70rpx; | |
387 | +border-radius: 55rpx 0rpx 0rpx 55rpx; | |
388 | +margin-top: 16rpx; | |
389 | + | |
390 | + | |
376 | 391 | } |
377 | 392 | |
378 | 393 | view.cart-btn-lg { |
... | ... | @@ -381,6 +396,9 @@ view.cart-btn-lg { |
381 | 396 | |
382 | 397 | .buy-btn { |
383 | 398 | background-color: #f23030; |
399 | + height: 70rpx; | |
400 | +border-radius: 0 56rpx 55rpx 0; | |
401 | + | |
384 | 402 | } |
385 | 403 | |
386 | 404 | .toTop { |
... | ... | @@ -505,24 +523,23 @@ view.cart-btn-lg { |
505 | 523 | /* padding: 0 30rpx; */ |
506 | 524 | font-size: 32rpx; |
507 | 525 | box-sizing: border-box; |
508 | - | |
526 | + border-radius: 20rpx; | |
527 | + height: 72%; | |
509 | 528 | } |
510 | 529 | |
511 | 530 | .spec-model .pding{padding: 0 30rpx;} |
512 | 531 | |
513 | 532 | .spec-goods { |
514 | - padding: 15rpx 0 10rpx; | |
533 | + padding: 30rpx 0 20rpx; | |
515 | 534 | float: left; |
516 | 535 | width: 100%; |
517 | - border-bottom: 1px solid #f8f8f8; | |
536 | + border-bottom:2rpx solid #eee; | |
518 | 537 | } |
519 | 538 | |
520 | 539 | .spec-img { |
521 | 540 | float: left; |
522 | 541 | height: 186rpx; |
523 | 542 | width: 186rpx; |
524 | - position: relative; | |
525 | - top:-40rpx; | |
526 | 543 | border: 4rpx solid #eee |
527 | 544 | } |
528 | 545 | |
... | ... | @@ -542,7 +559,7 @@ view.cart-btn-lg { |
542 | 559 | } |
543 | 560 | |
544 | 561 | .spec-goods-price { |
545 | - color: #ec5151; | |
562 | + color: #d60021; | |
546 | 563 | font-size: 33rpx; |
547 | 564 | font-weight: bold; |
548 | 565 | } |
... | ... | @@ -551,6 +568,7 @@ view.cart-btn-lg { |
551 | 568 | margin-top: 3rpx; |
552 | 569 | font-size: 24rpx; |
553 | 570 | color: #999999; |
571 | + margin-right: 15rpx; | |
554 | 572 | } |
555 | 573 | |
556 | 574 | .spec-name { |
... | ... | @@ -568,7 +586,7 @@ view.cart-btn-lg { |
568 | 586 | position: fixed; |
569 | 587 | display: flex; |
570 | 588 | height: 50rpx; |
571 | - border: 1rpx solid #f8f8f8; | |
589 | + border: 1rpx solid #000; | |
572 | 590 | font-size: 28rpx; |
573 | 591 | right: 30rpx; |
574 | 592 | } |
... | ... | @@ -581,15 +599,15 @@ view.cart-btn-lg { |
581 | 599 | text-align: center; |
582 | 600 | } |
583 | 601 | .spec_bt{ |
584 | - background: fff;color: #333; margin-left: 10rpx;padding: 8rpx 12rpx; border-radius: 5px;font-size: 24rpx;border: 1rpx solid #ccc; | |
602 | + background: fff;color: #333; margin-left: 10rpx;padding: 4rpx 15rpx 4rpx; border-radius:30rpx;font-size: 24rpx;border: 1rpx solid #ccc; | |
585 | 603 | } |
586 | -.spec_bt.act{background: #C4182E;color: #fff;border: 1rpx solid #C4182E;} | |
604 | +.spec_bt.act{background: #d60021;color: #fff;border: 1rpx solid #d60021;} | |
587 | 605 | .sub { |
588 | - border-right: 1px solid #ddd; | |
606 | + border-right: 1px solid #000; | |
589 | 607 | } |
590 | 608 | |
591 | 609 | .add { |
592 | - border-left: 1px solid #ddd; | |
610 | + border-left: 1px solid #000; | |
593 | 611 | } |
594 | 612 | |
595 | 613 | .spec-btn { |
... | ... | @@ -611,22 +629,24 @@ view.cart-btn-lg { |
611 | 629 | } |
612 | 630 | |
613 | 631 | .spec-cart-btns { |
614 | - /* background-color: #f8f8f8; | |
615 | - margin: 40rpx -30rpx 0; | |
616 | - padding: 20rpx 34rpx; */ | |
617 | - float: left; | |
618 | - width: 100%; | |
619 | - line-height: 80rpx; | |
620 | - margin-top: 40rpx; | |
632 | + width: 92%; | |
633 | + line-height: 70rpx; | |
634 | + margin: 0rpx auto; | |
635 | + margin-top: 160rpx; | |
636 | + border-radius: 20rpx; | |
637 | +position: fixed; | |
638 | +bottom: 50rpx; | |
639 | +left: 4%; | |
640 | + | |
621 | 641 | } |
622 | 642 | |
623 | 643 | .spec-cart-btn { |
624 | - float: left; | |
625 | - width: 100%; | |
644 | + | |
645 | + width:100%; | |
626 | 646 | font-size: 30rpx; |
627 | 647 | text-align: center; |
628 | 648 | color: white; |
629 | - border-radius: 4rpx; | |
649 | + border-radius: 40rpx; | |
630 | 650 | } |
631 | 651 | |
632 | 652 | .spec-add-cart { |
... | ... | @@ -718,7 +738,8 @@ left:31rpx;} |
718 | 738 | |
719 | 739 | .pt_fir .pt_fir_title .js{padding: 0 15rpx;height: 40rpx;background:#e9030d; text-align: center; border-radius: 8rpx; color: #fff; margin-left: 10rpx;} |
720 | 740 | .pt_fir .pt_fir_title .tuannum{color: #e9030d; position: absolute; right: 20rpx; font-size: 26rpx;} |
721 | -.pding{padding-top: 20rpx;padding-left: 20rpx; padding-right: 20rpx;font-size: 26rpx;color: #ea120f} | |
741 | +.pding{padding-top: 20rpx;padding-left: 20rpx;height: 81%; | |
742 | + padding-right: 20rpx;font-size: 26rpx;color: #ea120f} | |
722 | 743 | .pdres{margin-left: 10rpx;color: #8f8f94} |
723 | 744 | .ptgz{position: relative;font-size: 30rpx;padding-left: 20rpx;margin-top: 10rpx; overflow: hidden } |
724 | 745 | .shuxian{width: 6rpx;height: 28rpx; background: #ea120f; display: inline-block;top: 5rpx;position: relative; margin-right: 5rpx} |
... | ... | @@ -741,7 +762,7 @@ left:31rpx;} |
741 | 762 | .wf .item .item_txy.hs{ background: #cbcbcb;} |
742 | 763 | .po{margin-bottom: 20rpx;} |
743 | 764 | |
744 | -.cart-btn.line-h{ line-height: 40rpx;} | |
765 | +.cart-btn.line-h{ line-height: 26rpx;} | |
745 | 766 | .cart-btn .fir-v{ margin-top: 10rpx;} |
746 | 767 | |
747 | 768 | .hyt{ padding: 0 20rpx; font-size: 30rpx; display: flex; align-items:center; margin-top: 10rpx;} |
... | ... | @@ -777,7 +798,7 @@ left:31rpx;} |
777 | 798 | .juzhong .xq .title .close{position: absolute;top: 0; right: 0; width: 45rpx; height: 45rpx;} |
778 | 799 | |
779 | 800 | .pt_qd{margin-top: 40rpx; height: auto;} |
780 | -.spec-cart-btn.w100{width: 100%; margin-left: 0; height: 80rpx; line-height: 80rpx;} | |
801 | +.spec-cart-btn.w100{width: 95%; margin-left: 0; height: 75rpx; line-height:75rpx;margin: auto; } | |
781 | 802 | |
782 | 803 | .sto_v{color: #333;} |
783 | 804 | .ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} |
... | ... | @@ -927,14 +948,13 @@ left:31rpx;} |
927 | 948 | border-bottom: 3rpx solid #eee; border-top: 3rpx solid #eee; line-height: 100rpx } |
928 | 949 | |
929 | 950 | .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 0 34rpx; color: #333; |
930 | - font-size: 32rpx; height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:31rpx } | |
951 | + font-size: 32rpx; height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx } | |
931 | 952 | .red_bb{ color: #d70026; min-width:158rpx;width: auto;} |
932 | 953 | .bg_jj{ width: 18rpx; height:18rpx; |
933 | 954 | border-top: 2rpx solid #d70026; |
934 | 955 | border-right: 2rpx solid #d70026; |
935 | 956 | transform: rotate(45deg);display:inline-block; |
936 | 957 | margin-bottom:3rpx; |
937 | - | |
938 | 958 | } |
939 | 959 | /* 顶部边框 */ |
940 | 960 | .topframe{ |
... | ... | @@ -952,7 +972,7 @@ left:31rpx;} |
952 | 972 | margin-bottom: 36rpx; |
953 | 973 | color: #7d7d7d; |
954 | 974 | padding-left: 20rpx; |
955 | - font-size: 28rpx; | |
975 | + font-size: 32rpx; | |
956 | 976 | } |
957 | 977 | /*评价人数量*/ |
958 | 978 | .topframe .topframe-top .topframe-top-val{ |
... | ... | @@ -980,7 +1000,7 @@ left:31rpx;} |
980 | 1000 | |
981 | 1001 | .buttem-list .item{ |
982 | 1002 | min-width: 17%; |
983 | - font-size: 23rpx; | |
1003 | + font-size: 24rpx; | |
984 | 1004 | border-radius: 20rpx; |
985 | 1005 | background:#ffe3e2; |
986 | 1006 | height:38rpx; |
... | ... | @@ -996,16 +1016,11 @@ left:31rpx;} |
996 | 1016 | |
997 | 1017 | /* 用户评价 */ |
998 | 1018 | .middle{ |
999 | - | |
1000 | 1019 | width: 95%; |
1001 | - height:auto; | |
1002 | - | |
1003 | 1020 | margin:0 auto; |
1004 | - | |
1005 | - | |
1006 | 1021 | } |
1007 | 1022 | .middle-img-frame{ |
1008 | - height:65rp; | |
1023 | + height:65rpx; | |
1009 | 1024 | display: flex; |
1010 | 1025 | margin-top: 32rpx; |
1011 | 1026 | |
... | ... | @@ -1035,11 +1050,13 @@ left:31rpx;} |
1035 | 1050 | text-align: center; |
1036 | 1051 | margin-bottom:20rpx; |
1037 | 1052 | margin-left:5rpx; |
1038 | - | |
1053 | +} | |
1054 | +.xc-pirces{ | |
1055 | + margin-top: 14rpx; | |
1039 | 1056 | } |
1040 | 1057 | /* 评价文字 */ |
1041 | 1058 | .middle-font{ |
1042 | - font-size: 24rpx; | |
1059 | + font-size: 30rpx; | |
1043 | 1060 | |
1044 | 1061 | } |
1045 | 1062 | .iddle-goods-img{ |
... | ... | @@ -1065,11 +1082,12 @@ left:31rpx;} |
1065 | 1082 | height: 45rpx; |
1066 | 1083 | display:flex; |
1067 | 1084 | line-height: 45rpx; |
1085 | + margin-top: 20rpx; | |
1068 | 1086 | margin-bottom: 14rpx; |
1069 | 1087 | justify-content : space-between; |
1070 | 1088 | } |
1071 | 1089 | .parameter-font{ |
1072 | - font-size: 24rpx; | |
1090 | + font-size: 26rpx; | |
1073 | 1091 | |
1074 | 1092 | } |
1075 | 1093 | /* 规格 */ |
... | ... | @@ -1091,13 +1109,13 @@ left:31rpx;} |
1091 | 1109 | } |
1092 | 1110 | /* 点赞图片 */ |
1093 | 1111 | .parameter-img{ |
1094 | - width: 25rpx; | |
1095 | - height: 25rpx; | |
1112 | + width: 27rpx; | |
1113 | + height: 27rpx; | |
1096 | 1114 | margin-top: 3rpx; |
1097 | 1115 | } |
1098 | 1116 | .parameter-val{ |
1099 | 1117 | margin-left:25rpx; |
1100 | - font-size: 24rpx; | |
1118 | + font-size: 26rpx; | |
1101 | 1119 | color: #999; |
1102 | 1120 | } |
1103 | 1121 | /* 回复 */ |
... | ... | @@ -1170,7 +1188,7 @@ left:31rpx;} |
1170 | 1188 | width: 524rpx; |
1171 | 1189 | margin-left: 34rpx; |
1172 | 1190 | border-radius: 25rpx; |
1173 | - border: 1rpx solid #d6d4d5; | |
1191 | + border: 2rpx solid #d6d4d5; | |
1174 | 1192 | overflow: hidden; |
1175 | 1193 | } |
1176 | 1194 | |
... | ... | @@ -1197,19 +1215,20 @@ left:31rpx;} |
1197 | 1215 | margin-right: 5rpx |
1198 | 1216 | } |
1199 | 1217 | .xc_comment-font{ |
1200 | - height: 65rpx; | |
1218 | + height: 75rpx; | |
1201 | 1219 | margin-left: 22rpx; |
1202 | 1220 | white-space:normal; |
1203 | 1221 | overflow: hidden; |
1204 | 1222 | margin-top: 8rpx; |
1223 | + | |
1205 | 1224 | } |
1206 | 1225 | .xc_comment-val{ |
1207 | 1226 | width: 88%; |
1208 | 1227 | height: 30rpx; |
1209 | 1228 | margin-left: 22rpx; |
1210 | 1229 | display: flex; |
1211 | - margin-top: 28rpx; | |
1212 | - margin-bottom:8rpx; | |
1230 | + margin-top: 15rpx; | |
1231 | + margin-bottom:15rpx; | |
1213 | 1232 | } |
1214 | 1233 | |
1215 | 1234 | .xc_comment-time{ |
... | ... | @@ -1266,7 +1285,7 @@ left:31rpx;} |
1266 | 1285 | height: 100%; |
1267 | 1286 | line-height: 100rpx; |
1268 | 1287 | overflow: hidden; |
1269 | - margin-left: 7rpx; | |
1288 | + margin-left: 10rpx; | |
1270 | 1289 | } |
1271 | 1290 | .xc-coupon-fram{ |
1272 | 1291 | position: relative; |
... | ... | @@ -1306,7 +1325,7 @@ left:31rpx;} |
1306 | 1325 | padding-left:15rpx; |
1307 | 1326 | color: #d70025; |
1308 | 1327 | position: absolute; |
1309 | - right: 7rpx; | |
1328 | + right: 5rpx; | |
1310 | 1329 | } |
1311 | 1330 | |
1312 | 1331 | /* 自定义弹出窗口 */ |
... | ... | @@ -2221,12 +2240,248 @@ right:17rpx; top:55rpx; |
2221 | 2240 | .pd_top1{padding-top: 10rpx} |
2222 | 2241 | .s_ms_bth{margin-top: 85rpx} |
2223 | 2242 | |
2224 | -.xc-pirces{ | |
2225 | 2243 | |
2226 | - line-height:25rpx; | |
2227 | -margin-top: -13rpx; | |
2244 | +.no_pj_list{text-align: center; width: 100%; color: #999; margin: 30rpx 0; display: inline-block; font-size: 28rpx} | |
2245 | +/* 门店地址 */ | |
2246 | +.xc-address_frame{ | |
2247 | + border-top:1rpx solid #eee; | |
2248 | + width: 100%; | |
2249 | + height: auto; | |
2250 | +} | |
2251 | +.on_height{ | |
2252 | +height: 90rpx; | |
2253 | +} | |
2254 | +.sn_height{ | |
2255 | + height: 170rpx; | |
2256 | +} | |
2257 | +.xc-address_frame .address_frame{ | |
2258 | + width: 92%; | |
2259 | +padding-left: 10rpx; | |
2260 | +margin: auto; | |
2261 | + | |
2262 | +} | |
2263 | +.shop_name{ | |
2264 | + | |
2265 | +} | |
2266 | +.stores-img{ | |
2267 | +width: 40rpx; | |
2268 | + height: 35rpx; | |
2269 | + margin-right: 10rpx; | |
2270 | +} | |
2271 | +.shop_name{ | |
2272 | + margin-right: 10rpx; | |
2273 | +} | |
2274 | +.address{ | |
2275 | + width: 87%; | |
2276 | + margin-top: 5rpx; | |
2277 | + margin-bottom: 5rpx; | |
2278 | +} | |
2279 | +.distance{ | |
2280 | + padding-left: 15rpx; | |
2281 | + padding-right: 15rpx; | |
2282 | + background: #eee; | |
2283 | + border-radius: 20rpx; | |
2284 | + margin-right: 5rpx; | |
2285 | + color: #999; | |
2286 | + height: 38rpx; | |
2287 | +line-height: 38rpx; | |
2288 | + | |
2289 | +} | |
2290 | +/* 选择门店的弹窗 */ | |
2291 | +.mongolia-layer{ | |
2292 | + position: fixed; | |
2293 | +left: 0; | |
2294 | +top: 0; | |
2295 | +right: 0; | |
2296 | +bottom: 0; | |
2297 | +z-index: 11; | |
2298 | +background: rgba(0,0,0,0.4); | |
2299 | +width: 100%; | |
2300 | +height: 91.9%; | |
2301 | + | |
2302 | +} | |
2303 | +.popup-frame{ | |
2304 | + position: fixed; | |
2305 | +bottom:99rpx; | |
2306 | +z-index: 20; | |
2307 | +background: white; | |
2308 | +width: 100%; | |
2309 | +border-radius: 20rpx 20rpx 0 0; | |
2310 | +height: 72%; | |
2311 | +} | |
2312 | +.popup-top{ | |
2313 | + border-bottom: 1rpx solid #eee; | |
2314 | + height: 155rpx; | |
2315 | + width: 95%; | |
2316 | + margin: auto; | |
2317 | + line-height: 155rpx; | |
2228 | 2318 | |
2229 | 2319 | } |
2320 | +.bg_rights{ | |
2321 | + border-top: 2rpx solid ; | |
2322 | + border-right: 2rpx solid ; | |
2323 | + transform: rotate(45deg); | |
2324 | + display:inline-block; | |
2325 | + width:15rpx;height:15rpx; | |
2326 | + border-color:#da0b31; | |
2327 | +} | |
2328 | +.modal-closes { | |
2329 | + position: absolute; | |
2330 | + right: 30rpx; | |
2331 | + top: -15rpx; | |
2332 | + height: 25rpx; | |
2333 | + | |
2334 | +} | |
2335 | +.choose_more{ | |
2336 | + margin-top: 40rpx; | |
2337 | + margin-right: 20rpx; | |
2338 | + | |
2339 | +} | |
2340 | +.choose_mores{ | |
2341 | + margin-top: 30rpx; | |
2342 | + margin-right: 15rpx; | |
2343 | + | |
2344 | +} | |
2345 | +.store-list{ | |
2346 | + width: 95%; | |
2347 | + height: 72%; | |
2348 | + overflow-y: scroll; | |
2349 | + margin: auto; | |
2350 | +} | |
2351 | +.store-list .store_choose{ | |
2352 | + width: 100%; | |
2353 | + height: 120rpx; | |
2354 | + line-height: 125rpx; | |
2355 | + border-bottom: 1rpx solid #eee; | |
2356 | + | |
2357 | +} | |
2358 | +.store-list .store_choose .store{ | |
2359 | +width: 100%; | |
2360 | +margin: auto; | |
2361 | +line-height: 37rpx; | |
2362 | +padding-left: 20rpx; | |
2363 | + | |
2364 | +} | |
2365 | +.xc-hook{ | |
2366 | + width: 35rpx; | |
2367 | + height: 35rpx; | |
2368 | + transform: rotate(-145deg); | |
2369 | +line-height: 37rpx; | |
2370 | +text-align: center; | |
2371 | +} | |
2372 | + .xc-hooks{ | |
2373 | + width: 30rpx; | |
2374 | + height: 30rpx; | |
2375 | + border: 1rpx solid #999; | |
2376 | + } | |
2377 | + .address-frame{ | |
2378 | + width: 93%; | |
2379 | +margin-left: 7rpx; | |
2380 | + | |
2381 | + } | |
2382 | + .nearby_store{ | |
2383 | +margin-left: 17rpx; | |
2384 | + } | |
2385 | + .address_name{ | |
2386 | + margin-right: 10rpx; | |
2387 | + | |
2388 | + } | |
2389 | + .address-val{ | |
2390 | + height: 38rpx; | |
2391 | +line-height: 38rpx; | |
2392 | + | |
2393 | + } | |
2394 | + .store-bottom{ | |
2395 | + width: 85%; | |
2396 | + margin: auto; | |
2397 | + height: 70rpx; | |
2398 | + } | |
2399 | + .determine{ | |
2400 | + width: 260rpx; | |
2401 | + height: 55rpx; | |
2402 | + border-radius: 50rpx; | |
2403 | + line-height: 55rpx; | |
2404 | + } | |
2405 | + .default{ | |
2406 | + width: 260rpx; | |
2407 | + height: 55rpx; | |
2408 | + border:3rpx solid #c8c8c8; | |
2409 | + border-radius: 50rpx; | |
2410 | + line-height: 55rpx; | |
2411 | + } | |
2412 | + .store-bottom-frame{ | |
2413 | + width: 95%; | |
2414 | + margin: auto; | |
2415 | + | |
2416 | + } | |
2417 | + /* 门店分类列表 */ | |
2418 | +.sort_store_list{ | |
2419 | + height: 82%; | |
2420 | + overflow: hidden; | |
2421 | + overflow-y: scroll; | |
2422 | + width: 95%; | |
2423 | + margin: auto; | |
2424 | +} | |
2425 | +.sort_store_list .sort-store-frame{ | |
2426 | + width: 100%; | |
2427 | +height: 100rpx; | |
2428 | +line-height:100rpx; | |
2429 | +border-bottom: 1rpx solid #eee; | |
2430 | + | |
2431 | +} | |
2432 | +.sort_store_list .sort-store-frame .sort-store{ | |
2433 | + width: 94.5%; | |
2434 | + margin: auto; | |
2435 | +} | |
2436 | +.black_rights-frame{ | |
2437 | +width: 50%; | |
2438 | +} | |
2439 | +.black_rights-frame .black_rights{ | |
2440 | + border-top: 3rpx solid; | |
2441 | +border-right: 3rpx solid; | |
2442 | +transform: rotate(45deg); | |
2443 | +display: inline-block; | |
2444 | +width: 20rpx; | |
2445 | +height: 20rpx; | |
2446 | +} | |
2447 | +.xc-val-money{ | |
2448 | + height:80rpx; | |
2449 | +} | |
2450 | + | |
2451 | +.xc-distance-bottom{ | |
2452 | + margin-bottom: 40rpx; | |
2453 | +} | |
2454 | +.xc-distance-top{ | |
2455 | +margin-top: 10rpx; | |
2456 | +} | |
2457 | +.xc-width{ | |
2458 | + width: 100%; | |
2459 | +} | |
2460 | +.right-arrow{ width: 15rpx; height:15rpx; | |
2461 | + border-top: 2rpx solid #d70026; | |
2462 | + border-right: 2rpx solid #d70026; | |
2463 | + transform: rotate(45deg);display:inline-block; | |
2464 | + margin-bottom:3rpx; | |
2465 | +} | |
2466 | +.xc-goods-attribute{ | |
2467 | + border-bottom: 1px solid #eee; | |
2468 | +padding-bottom: 15px; | |
2469 | +margin-bottom:40rpx; | |
2470 | +} | |
2471 | +.xc-val-fream{ | |
2472 | + width: 105rpx; | |
2473 | +} | |
2474 | +.is_stock{ | |
2475 | +width: 58%; | |
2476 | +height: 70rpx; | |
2477 | +border-radius: 55rpx; | |
2478 | +} | |
2479 | +.select_store_height{ | |
2480 | + height: 50rpx; | |
2481 | +} | |
2482 | +.butttem5{ | |
2483 | + margin-bottom: 5rpx; | |
2484 | +} | |
2230 | 2485 | |
2231 | 2486 | .no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} |
2232 | 2487 | |
... | ... | @@ -2235,8 +2490,7 @@ margin-top: -13rpx; |
2235 | 2490 | width: 58%; background-color: #adadad; |
2236 | 2491 | } |
2237 | 2492 | |
2238 | - | |
2239 | - | |
2493 | +.s_btn{ margin-top: 25rpx; } | |
2240 | 2494 | /* 美妆价的样式 */ |
2241 | 2495 | .beauty-makeup-frame{ |
2242 | 2496 | width: 101.5%; | ... | ... |