Commit 9e1c897a22714cb8899ea007bc8799f106147aec
1 parent
d3875c47
商城界面优化
Showing
4 changed files
with
117 additions
and
88 deletions
app.wxss
| @@ -125,6 +125,10 @@ | @@ -125,6 +125,10 @@ | ||
| 125 | color: #c7c7c7; | 125 | color: #c7c7c7; |
| 126 | } | 126 | } |
| 127 | 127 | ||
| 128 | +.c-7b { | ||
| 129 | + color: #7b7b7b; | ||
| 130 | +} | ||
| 131 | + | ||
| 128 | .c-d { | 132 | .c-d { |
| 129 | color: #ddd; | 133 | color: #ddd; |
| 130 | } | 134 | } |
| @@ -137,7 +141,7 @@ | @@ -137,7 +141,7 @@ | ||
| 137 | color: #555; | 141 | color: #555; |
| 138 | } | 142 | } |
| 139 | 143 | ||
| 140 | -.c7b { | 144 | +.c-7b { |
| 141 | color: #7b7b7b; | 145 | color: #7b7b7b; |
| 142 | } | 146 | } |
| 143 | 147 |
components/goods_list/goods_list.wxml
| @@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
| 13 | <view class="goods_name ellipsis-2 fs28">{{item.goods_name}}</view> | 13 | <view class="goods_name ellipsis-2 fs28">{{item.goods_name}}</view> |
| 14 | <!-- 判断是否有活动价 --> | 14 | <!-- 判断是否有活动价 --> |
| 15 | <block wx:if="{{item.prom_price>0 || item.prom_integral>0}}"> | 15 | <block wx:if="{{item.prom_price>0 || item.prom_integral>0}}"> |
| 16 | - <view class="flex ai_c pdt10"> | 16 | + <view class="pdt10"> |
| 17 | <view class="money flex xc-wc" > | 17 | <view class="money flex xc-wc" > |
| 18 | <text wx:if="{{item.prom_integral}}"><text class="fs35" style="font-weight: bold;">{{item.prom_integral}}</text>积分</text> | 18 | <text wx:if="{{item.prom_integral}}"><text class="fs35" style="font-weight: bold;">{{item.prom_integral}}</text>积分</text> |
| 19 | <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | 19 | <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> |
| @@ -122,7 +122,7 @@ | @@ -122,7 +122,7 @@ | ||
| 122 | </block> | 122 | </block> |
| 123 | </block> | 123 | </block> |
| 124 | <!-- 商品压根就没有等级价 --> | 124 | <!-- 商品压根就没有等级价 --> |
| 125 | - <view class="flex ai_c pdt10" wx:else> | 125 | + <view class="pdt10" wx:else> |
| 126 | <view class="money flex"> | 126 | <view class="money flex"> |
| 127 | <!-- 办卡价 --> | 127 | <!-- 办卡价 --> |
| 128 | <view class="flex xc-wc"> | 128 | <view class="flex xc-wc"> |
pages/goods/goodsInfo/goodsInfo.wxml
| @@ -122,7 +122,7 @@ | @@ -122,7 +122,7 @@ | ||
| 122 | </view> | 122 | </view> |
| 123 | </view> | 123 | </view> |
| 124 | 124 | ||
| 125 | - <view class="pt_fir"> | 125 | + <view class="pt_fir pd20"> |
| 126 | <!----显示团类型和团价格----> | 126 | <!----显示团类型和团价格----> |
| 127 | <view class="pt_fir_title "> | 127 | <view class="pt_fir_title "> |
| 128 | <!-- 许程 商家团主页 --> | 128 | <!-- 许程 商家团主页 --> |
| @@ -131,9 +131,10 @@ | @@ -131,9 +131,10 @@ | ||
| 131 | {{data.goods_name}} | 131 | {{data.goods_name}} |
| 132 | </view> | 132 | </view> |
| 133 | 133 | ||
| 134 | - <view class="xc-share-frame-jieti flex" bindtap="saveImageToPhotosAlbum" style="top:0"> | ||
| 135 | - <image class="share-frame" src="{{iurl}}/miniapp/images/share.png"></image> | ||
| 136 | - <view class="share-font">分享</view> | 134 | + <!-- 这个是分享按钮 --> |
| 135 | + <view class="xc-share-frame t-c" bindtap="saveImageToPhotosAlbum"> | ||
| 136 | + <view class="iconfont icon-share fs60"></view> | ||
| 137 | + <view class="fs22 c-7b">分享</view> | ||
| 137 | </view> | 138 | </view> |
| 138 | </view> | 139 | </view> |
| 139 | </view> | 140 | </view> |
| @@ -155,25 +156,29 @@ | @@ -155,25 +156,29 @@ | ||
| 155 | </view> | 156 | </view> |
| 156 | 157 | ||
| 157 | <!----------正有多少人在开团----------> | 158 | <!----------正有多少人在开团----------> |
| 158 | - <view class="pt_fir se2" wx:if="{{teamgroup}}"> | 159 | + <view class="pt_fir se2 bdt16" wx:if="{{teamgroup}}"> |
| 159 | <view class="xc-partner-frame"> | 160 | <view class="xc-partner-frame"> |
| 160 | - <view class="zzk-1" bindtap="go_t_more">以下小伙伴正在拼单，可直接参与 | ||
| 161 | - <view class="ckgd flex">查看详细 | 161 | + <view class="zzk-1 flex jc_sb" bindtap="go_t_more"> |
| 162 | + <view class="pdl10">以下小伙伴正在拼单，可直接参与</view> | ||
| 163 | + <view class="ckgd flex ai_c">查看详细 | ||
| 162 | <view class="bg_right arrow-one"></view> | 164 | <view class="bg_right arrow-one"></view> |
| 163 | </view> | 165 | </view> |
| 164 | </view> | 166 | </view> |
| 165 | </view> | 167 | </view> |
| 166 | - <view class='group' wx:for="{{teamgroup}}" wx:for-index="t_ind" wx:key="teamgroup" style='padding-left:28rpx;'> | 168 | + <view class='group' wx:for="{{teamgroup}}" wx:for-index="t_ind" wx:key="teamgroup"> |
| 167 | <view class='group-list' bindtap="go_cj_team" data-ind="{{t_ind}}"> | 169 | <view class='group-list' bindtap="go_cj_team" data-ind="{{t_ind}}"> |
| 168 | - <!--//选项框头像--> | ||
| 169 | - <view class='gtou'> | ||
| 170 | - <image src='{{item.user.head_pic}}'></image> | ||
| 171 | - </view> | ||
| 172 | - <!--//等你来拼--> | ||
| 173 | - <view class='gdn ellipsis-1'>{{item.user.nickname}}</view> | 170 | + <!-- <view class="flex ai_c"> --> |
| 171 | + <!--//选项框头像--> | ||
| 172 | + <view class='gtou'> | ||
| 173 | + <image src='{{item.user.head_pic}}'></image> | ||
| 174 | + </view> | ||
| 175 | + <!--//等你来拼--> | ||
| 176 | + <view class='gdn ellipsis-1'>{{item.user.nickname}}</view> | ||
| 177 | + <!-- </view> --> | ||
| 178 | + | ||
| 174 | <!--//还差几人，剩余时间--> | 179 | <!--//还差几人，剩余时间--> |
| 175 | <view class="rel"> | 180 | <view class="rel"> |
| 176 | - <view class='ghaicha ellipsis-2 abs'> | 181 | + <view class='ghaicha ellipsis-2'> |
| 177 | <text class='gred' wx:if="{{prom_act.max_ct_num >0}}"><text class="flex" wx:if="{{prom_act.max_ct_num - item.open_num>0}}">还差<text class="word-color">{{prom_act.max_ct_num - item.open_num}}</text>人享最低优惠</text><text wx:else>您已经享最低优惠</text></text> | 182 | <text class='gred' wx:if="{{prom_act.max_ct_num >0}}"><text class="flex" wx:if="{{prom_act.max_ct_num - item.open_num>0}}">还差<text class="word-color">{{prom_act.max_ct_num - item.open_num}}</text>人享最低优惠</text><text wx:else>您已经享最低优惠</text></text> |
| 178 | <text class='gred' wx:else>还差<text style='color:#ff2753'>{{prom_act.ct_num - item.open_num}}</text>人成团 </text> | 183 | <text class='gred' wx:else>还差<text style='color:#ff2753'>{{prom_act.ct_num - item.open_num}}</text>人成团 </text> |
| 179 | <view class="t_show"> | 184 | <view class="t_show"> |
| @@ -189,7 +194,7 @@ | @@ -189,7 +194,7 @@ | ||
| 189 | <view class='cjt t-c'> | 194 | <view class='cjt t-c'> |
| 190 | 去参团 | 195 | 去参团 |
| 191 | </view> | 196 | </view> |
| 192 | - <view class="clear"></view> | 197 | + <!-- <view class="clear"></view> --> |
| 193 | </view> | 198 | </view> |
| 194 | </view> | 199 | </view> |
| 195 | </view> | 200 | </view> |
| @@ -1096,7 +1101,7 @@ | @@ -1096,7 +1101,7 @@ | ||
| 1096 | 1101 | ||
| 1097 | <!--商品的属性项目--> | 1102 | <!--商品的属性项目--> |
| 1098 | <view class="xc-goods-attribute"> | 1103 | <view class="xc-goods-attribute"> |
| 1099 | - <view hidden="{{ismend==1}}" class="spec-name">商品属性</view> | 1104 | + <view hidden="{{ismend==1}}" class="spec-name">商品规格</view> |
| 1100 | <view hidden="{{ismend==1}}" style="max-height: 120rpx;overflow-y: auto;"> | 1105 | <view hidden="{{ismend==1}}" style="max-height: 120rpx;overflow-y: auto;"> |
| 1101 | <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"> | 1106 | <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"> |
| 1102 | {{item.gg}} | 1107 | {{item.gg}} |
| @@ -1108,7 +1113,7 @@ | @@ -1108,7 +1113,7 @@ | ||
| 1108 | <view class="b_num"> | 1113 | <view class="b_num"> |
| 1109 | <view>购买数量</view> | 1114 | <view>购买数量</view> |
| 1110 | <view class="count"> | 1115 | <view class="count"> |
| 1111 | - <view bindtap="subCartNum" class="sub">-</view> | 1116 | + <view bindtap="{{goodsInputNum <= 1 ? '':'subCartNum'}}" class="sub {{goodsInputNum <= 1 ? 'active':''}}">-</view> |
| 1112 | <input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input> | 1117 | <input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input> |
| 1113 | <view bindtap="addCartNum" class="add">+</view> | 1118 | <view bindtap="addCartNum" class="add">+</view> |
| 1114 | </view> | 1119 | </view> |
pages/goods/goodsInfo/goodsInfo.wxss
| 1 | @import "../../../utils/wxParse/wxParse.wxss"; | 1 | @import "../../../utils/wxParse/wxParse.wxss"; |
| 2 | -.container { margin-bottom: 100rpx; overflow: hidden;} | 2 | +.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 40rpx;} |
| 3 | image { | 3 | image { |
| 4 | vertical-align: top; | 4 | vertical-align: top; |
| 5 | } | 5 | } |
| @@ -9,6 +9,9 @@ image { | @@ -9,6 +9,9 @@ image { | ||
| 9 | display: flex; | 9 | display: flex; |
| 10 | justify-content: center; | 10 | justify-content: center; |
| 11 | width: 100%; | 11 | width: 100%; |
| 12 | + position: fixed; | ||
| 13 | + top: 0; | ||
| 14 | + z-index: 999; | ||
| 12 | /* height: 80rpx; */ | 15 | /* height: 80rpx; */ |
| 13 | /* margin-bottom: 20rpx; */ | 16 | /* margin-bottom: 20rpx; */ |
| 14 | background-color: #fff; | 17 | background-color: #fff; |
| @@ -30,12 +33,14 @@ image { | @@ -30,12 +33,14 @@ image { | ||
| 30 | display: flex; | 33 | display: flex; |
| 31 | justify-content: center; | 34 | justify-content: center; |
| 32 | width: 100%; | 35 | width: 100%; |
| 36 | + font-size: 26rpx; | ||
| 33 | } | 37 | } |
| 34 | .type-item-on { | 38 | .type-item-on { |
| 35 | color: #F95D74; | 39 | color: #F95D74; |
| 36 | font-weight: bold; | 40 | font-weight: bold; |
| 37 | /* border-bottom: 4rpx solid #F95D74; */ | 41 | /* border-bottom: 4rpx solid #F95D74; */ |
| 38 | position: relative; | 42 | position: relative; |
| 43 | + font-size: 30rpx; | ||
| 39 | } | 44 | } |
| 40 | .type-item-on:after { | 45 | .type-item-on:after { |
| 41 | content: ''; | 46 | content: ''; |
| @@ -555,11 +560,11 @@ border-radius: 0 56rpx 55rpx 0; | @@ -555,11 +560,11 @@ border-radius: 0 56rpx 55rpx 0; | ||
| 555 | /* padding: 0 30rpx; */ | 560 | /* padding: 0 30rpx; */ |
| 556 | font-size: 32rpx; | 561 | font-size: 32rpx; |
| 557 | box-sizing: border-box; | 562 | box-sizing: border-box; |
| 558 | - border-radius: 20rpx; | ||
| 559 | - height: 72%; | 563 | + border-radius: 20rpx 20rpx 0 0; |
| 564 | + /* height: 72%; */ | ||
| 560 | } | 565 | } |
| 561 | 566 | ||
| 562 | -.spec-model .pding{padding: 0 30rpx;} | 567 | +.spec-model .pding{padding: 0 20rpx;} |
| 563 | 568 | ||
| 564 | .spec-goods { | 569 | .spec-goods { |
| 565 | padding: 30rpx 0 20rpx; | 570 | padding: 30rpx 0 20rpx; |
| @@ -612,10 +617,13 @@ border-radius: 0 56rpx 55rpx 0; | @@ -612,10 +617,13 @@ border-radius: 0 56rpx 55rpx 0; | ||
| 612 | .quhuo{font-size: 30rpx; color: #000} | 617 | .quhuo{font-size: 30rpx; color: #000} |
| 613 | .b_num{ | 618 | .b_num{ |
| 614 | display: flex;font-size: 30rpx; color: #333; | 619 | display: flex;font-size: 30rpx; color: #333; |
| 620 | + justify-content: space-between; | ||
| 621 | + align-items: center; | ||
| 622 | + padding: 20rpx 0; | ||
| 615 | } | 623 | } |
| 616 | 624 | ||
| 617 | .count { | 625 | .count { |
| 618 | - position: fixed; | 626 | + /* position: fixed; */ |
| 619 | display: flex; | 627 | display: flex; |
| 620 | height: 50rpx; | 628 | height: 50rpx; |
| 621 | border: 1rpx solid #000; | 629 | border: 1rpx solid #000; |
| @@ -638,6 +646,10 @@ border-radius: 0 56rpx 55rpx 0; | @@ -638,6 +646,10 @@ border-radius: 0 56rpx 55rpx 0; | ||
| 638 | .sub { | 646 | .sub { |
| 639 | border-right: 1px solid #000; | 647 | border-right: 1px solid #000; |
| 640 | } | 648 | } |
| 649 | +.sub.active { | ||
| 650 | + /* background-color: #ddd; */ | ||
| 651 | + color: #ccc; | ||
| 652 | +} | ||
| 641 | 653 | ||
| 642 | .add { | 654 | .add { |
| 643 | border-left: 1px solid #000; | 655 | border-left: 1px solid #000; |
| @@ -662,14 +674,15 @@ border-radius: 0 56rpx 55rpx 0; | @@ -662,14 +674,15 @@ border-radius: 0 56rpx 55rpx 0; | ||
| 662 | } | 674 | } |
| 663 | 675 | ||
| 664 | .spec-cart-btns { | 676 | .spec-cart-btns { |
| 665 | - width: 92%; | 677 | + /* width: 92%; */ |
| 666 | line-height: 70rpx; | 678 | line-height: 70rpx; |
| 667 | - margin: 0rpx auto; | ||
| 668 | - margin-top: 160rpx; | ||
| 669 | - border-radius: 20rpx; | ||
| 670 | -position: fixed; | ||
| 671 | -bottom: 50rpx; | ||
| 672 | -left: 4%; | 679 | + /* margin: 0rpx auto; |
| 680 | + margin-top: 160rpx; */ | ||
| 681 | + /* border-radius: 20rpx; */ | ||
| 682 | +/* position: fixed; */ | ||
| 683 | +/* bottom: 50rpx; */ | ||
| 684 | +/* left: 4%; */ | ||
| 685 | + padding: 20rpx; | ||
| 673 | } | 686 | } |
| 674 | 687 | ||
| 675 | .spec-cart-btn { | 688 | .spec-cart-btn { |
| @@ -763,8 +776,8 @@ left:31rpx;} | @@ -763,8 +776,8 @@ left:31rpx;} | ||
| 763 | /*------拼单------*/ | 776 | /*------拼单------*/ |
| 764 | .pt_view{ text-align: center; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 26rpx} | 777 | .pt_view{ text-align: center; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 26rpx} |
| 765 | .pt_view .secondkill-img{width: 100%;height: 100%;} | 778 | .pt_view .secondkill-img{width: 100%;height: 100%;} |
| 766 | -.pt_fir{ background: #fff;margin-bottom: 10rpx; } | ||
| 767 | -.pt_fir .pt_fir_title{display: flex; align-items: center; margin-left: 10rpx; margin-top: 20rpx; font-size: 28rpx; position: relative;} | 779 | +.pt_fir{ background: #fff;/* margin-bottom: 10rpx; */} |
| 780 | +.pt_fir .pt_fir_title{display: flex; align-items: center; /* margin-left: 10rpx; margin-top: 20rpx; */ font-size: 28rpx; position: relative;} | ||
| 768 | .pt_fir .pt_fir_title .kt_type{ color: #fff;background:#e9030d; width: 100rpx; line-height: 40rpx; border-radius: 6rpx; margin: 0 10rpx; | 781 | .pt_fir .pt_fir_title .kt_type{ color: #fff;background:#e9030d; width: 100rpx; line-height: 40rpx; border-radius: 6rpx; margin: 0 10rpx; |
| 769 | height: 40rpx; font-size: 24rpx; text-align: center;} | 782 | height: 40rpx; font-size: 24rpx; text-align: center;} |
| 770 | .pt_fir .pt_fir_title .price{color: #e9030d;font-size: 26rpx;} | 783 | .pt_fir .pt_fir_title .price{color: #e9030d;font-size: 26rpx;} |
| @@ -786,7 +799,7 @@ left:31rpx;} | @@ -786,7 +799,7 @@ left:31rpx;} | ||
| 786 | .t_gz{padding: 10rpx 20rpx; font-size:28rpx } | 799 | .t_gz{padding: 10rpx 20rpx; font-size:28rpx } |
| 787 | 800 | ||
| 788 | .pt_fir.se1{height: auto; margin: 0} | 801 | .pt_fir.se1{height: auto; margin: 0} |
| 789 | -.pt_fir.se2{height: auto; margin: 0;border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee;} | 802 | +.pt_fir.se2{height: auto; margin: 0;/* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */} |
| 790 | 803 | ||
| 791 | .pt_hb{height:78rpx; line-height: 75rpx; position: relative; font-size: 32rpx;overflow: hidden;width:695rpx;margin-left:28rpx; | 804 | .pt_hb{height:78rpx; line-height: 75rpx; position: relative; font-size: 32rpx;overflow: hidden;width:695rpx;margin-left:28rpx; |
| 792 | border-bottom: 1rpx solid #E5E5E5 } | 805 | border-bottom: 1rpx solid #E5E5E5 } |
| @@ -808,14 +821,14 @@ left:31rpx;} | @@ -808,14 +821,14 @@ left:31rpx;} | ||
| 808 | .pt_fir .pt_fir_title.no-mar-b{margin-bottom: 0;padding-bottom: 10rpx; margin-left: 20rpx} | 821 | .pt_fir .pt_fir_title.no-mar-b{margin-bottom: 0;padding-bottom: 10rpx; margin-left: 20rpx} |
| 809 | .pt_fir .pt_fir_title.boder-1{border-bottom: 1rpx #e7e7e7 solid} | 822 | .pt_fir .pt_fir_title.boder-1{border-bottom: 1rpx #e7e7e7 solid} |
| 810 | 823 | ||
| 811 | -.jie_price{padding: 10rpx 30rpx;} | 824 | +.jie_price{/* padding: 10rpx 30rpx; */} |
| 812 | .jie_price_title{font-size: 30rpx; color: #a26270; margin-bottom: 10rpx} | 825 | .jie_price_title{font-size: 30rpx; color: #a26270; margin-bottom: 10rpx} |
| 813 | .price_list{display: flex; width: 100%;} | 826 | .price_list{display: flex; width: 100%;} |
| 814 | .price_item{width: 25%;font-size: 28rpx; color: #4c336c} | 827 | .price_item{width: 25%;font-size: 28rpx; color: #4c336c} |
| 815 | 828 | ||
| 816 | -.pt_fir.se2 .zzk-1{margin-top: 23rpx; font-size: 30rpx;position: relative; margin-bottom: 30rpx; border-left:4rpx solid red;margin-left:14rpx;height:30rpx;line-height:30rpx;padding-left:5rpx;} | ||
| 817 | -.ckgd{position: absolute;top:0;right:57rpx; color:#d70025; font-size: 32rpx;} | ||
| 818 | -.ckgd .arrow-one{width:18rpx;height:18rpx;border-color:#da0b31;margin-top:5rpx;} | 829 | +.pt_fir.se2 .zzk-1{/* margin-top: 23rpx; */ font-size: 30rpx;position: relative; /* margin-bottom: 30rpx; */ border-left:4rpx solid red;/* margin-left:14rpx; */height:30rpx;line-height:30rpx;/* padding-left:5rpx; */} |
| 830 | +.ckgd{/* position: absolute;top:0;right:57rpx; */ color:#d70025; font-size: 26rpx;} | ||
| 831 | +.ckgd .arrow-one{width:14rpx;height:14rpx;border-color:#da0b31;/* margin-top:5rpx; */ margin:auto;} | ||
| 819 | .bview{ | 832 | .bview{ |
| 820 | position: fixed; top:0; left:0; width: 100%; height: 100%; | 833 | position: fixed; top:0; left:0; width: 100%; height: 100%; |
| 821 | background-color: rgba(0, 0, 0, 0.5); | 834 | background-color: rgba(0, 0, 0, 0.5); |
| @@ -842,65 +855,71 @@ left:31rpx;} | @@ -842,65 +855,71 @@ left:31rpx;} | ||
| 842 | 855 | ||
| 843 | /*---多少人参加团--*/ | 856 | /*---多少人参加团--*/ |
| 844 | .group { | 857 | .group { |
| 845 | - padding-top:25rpx; | ||
| 846 | - width: 91%; | ||
| 847 | - min-height: 92rpx; | ||
| 848 | - border-bottom:2rpx solid #eee; | ||
| 849 | - padding-bottom:25rpx; | 858 | + padding-top:20rpx; |
| 859 | + padding-bottom:20rpx; | ||
| 860 | + width: 100%; | ||
| 861 | + /* min-height: 92rpx; */ | ||
| 862 | + border-bottom: 2rpx solid #ebedf0; | ||
| 850 | 863 | ||
| 851 | } | 864 | } |
| 852 | 865 | ||
| 853 | .group .group-list { | 866 | .group .group-list { |
| 854 | - | ||
| 855 | - height: 90rpx; | ||
| 856 | - padding: 0 130rpx 0 100rpx; | ||
| 857 | - width: 470rpx; | 867 | + display: flex; |
| 868 | + align-items: center; | ||
| 869 | + justify-content: space-around; | ||
| 870 | + /* height: 90rpx; */ | ||
| 871 | + /* padding: 0 130rpx 0 100rpx; */ | ||
| 872 | + /* width: 470rpx; | ||
| 858 | 873 | ||
| 859 | - position: absolute; | 874 | + position: absolute; */ |
| 860 | } | 875 | } |
| 861 | 876 | ||
| 862 | .group .group-list .gtou { | 877 | .group .group-list .gtou { |
| 863 | - width: 80rpx; | ||
| 864 | - height: 80rpx; | ||
| 865 | - float: left; | 878 | + width: 70rpx; |
| 879 | + height: 70rpx; | ||
| 880 | + /* float: left; | ||
| 866 | position: relative; | 881 | position: relative; |
| 867 | top: 6rpx; | 882 | top: 6rpx; |
| 868 | - left: -96rpx; | 883 | + left: -96rpx; */ |
| 869 | } | 884 | } |
| 870 | 885 | ||
| 871 | .group .group-list .gtou image { | 886 | .group .group-list .gtou image { |
| 872 | - width: 80rpx; | ||
| 873 | - height: 80rpx; | ||
| 874 | - border-radius: 200rpx; | ||
| 875 | - background-color: green; | 887 | + display: block; |
| 888 | + width: 100%; | ||
| 889 | + height: 100%; | ||
| 890 | + border-radius: 50%; | ||
| 891 | + background-color: #f0f0f0; | ||
| 876 | } | 892 | } |
| 877 | 893 | ||
| 878 | .group .group-list .gdn { | 894 | .group .group-list .gdn { |
| 879 | - float: left; | 895 | + width: 140rpx; |
| 896 | + text-align: center; | ||
| 897 | + /* float: left; */ | ||
| 880 | font-size: 26rpx; | 898 | font-size: 26rpx; |
| 881 | - line-height: 48rpx; | 899 | + /* padding-left: 20rpx; */ |
| 900 | + /* line-height: 48rpx; | ||
| 882 | height: 48rpx; | 901 | height: 48rpx; |
| 883 | width: 168rpx; | 902 | width: 168rpx; |
| 884 | position: relative; | 903 | position: relative; |
| 885 | left: -80rpx; | 904 | left: -80rpx; |
| 886 | - top:20rpx; | ||
| 887 | - font-weight:600; | 905 | + top:20rpx; */ |
| 906 | + font-weight:bold; | ||
| 888 | } | 907 | } |
| 889 | 908 | ||
| 890 | .group .group-list .ghaicha { | 909 | .group .group-list .ghaicha { |
| 891 | - width:300rpx; | 910 | + /* width:300rpx; */ |
| 892 | font-size: 27rpx; | 911 | font-size: 27rpx; |
| 893 | - margin-left:180rpx; | 912 | + /* margin-left:180rpx; |
| 894 | top:13rpx; | 913 | top:13rpx; |
| 895 | - left:-3rpx; | ||
| 896 | - font-weight:600; | 914 | + left:-3rpx; */ |
| 915 | + font-weight: bold; | ||
| 897 | 916 | ||
| 898 | 917 | ||
| 899 | } | 918 | } |
| 900 | 919 | ||
| 901 | .group .group-list .ghaicha .gred { | 920 | .group .group-list .ghaicha .gred { |
| 902 | - height: 48rpx; | ||
| 903 | - width: 300rpx; | 921 | + /* height: 48rpx; |
| 922 | + width: 300rpx; */ | ||
| 904 | } | 923 | } |
| 905 | 924 | ||
| 906 | .gsj { | 925 | .gsj { |
| @@ -911,9 +930,9 @@ left:31rpx;} | @@ -911,9 +930,9 @@ left:31rpx;} | ||
| 911 | .group .group-list .cjt { | 930 | .group .group-list .cjt { |
| 912 | height:42rpx; | 931 | height:42rpx; |
| 913 | width: 137rpx; | 932 | width: 137rpx; |
| 914 | - position: absolute; | 933 | + /* position: absolute; |
| 915 | right: 4rpx; | 934 | right: 4rpx; |
| 916 | - top:25rpx; | 935 | + top:25rpx; */ |
| 917 | line-height: 42rpx; | 936 | line-height: 42rpx; |
| 918 | font-size: 24rpx; | 937 | font-size: 24rpx; |
| 919 | color: #fff; | 938 | color: #fff; |
| @@ -926,7 +945,7 @@ left:31rpx;} | @@ -926,7 +945,7 @@ left:31rpx;} | ||
| 926 | .gbody { | 945 | .gbody { |
| 927 | background-color: white; | 946 | background-color: white; |
| 928 | } | 947 | } |
| 929 | -.t_show{overflow: hidden; display: flex; width: 300rpx; color: #292929; line-height: 36rpx;font-size:26rpx; | 948 | +.t_show{/* overflow: hidden; */ display: flex; /* width: 300rpx; */ color: #292929; /* line-height: 36rpx; */font-size:26rpx; |
| 930 | } | 949 | } |
| 931 | .join-cart>view.set_width { | 950 | .join-cart>view.set_width { |
| 932 | width:58%; | 951 | width:58%; |
| @@ -984,7 +1003,7 @@ left:31rpx;} | @@ -984,7 +1003,7 @@ left:31rpx;} | ||
| 984 | .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx; | 1003 | .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx; |
| 985 | /* border-bottom: 3rpx solid #eee; */ | 1004 | /* border-bottom: 3rpx solid #eee; */ |
| 986 | /* border-top: 3rpx solid #eee; */} | 1005 | /* border-top: 3rpx solid #eee; */} |
| 987 | - .bz_view view{ width: 460rpx; max-height: 70rpx; overflow: hidden;} | 1006 | + .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ overflow: hidden;} |
| 988 | 1007 | ||
| 989 | .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; | 1008 | .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; |
| 990 | font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } | 1009 | font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } |
| @@ -1997,11 +2016,11 @@ xc-ensure-div{ | @@ -1997,11 +2016,11 @@ xc-ensure-div{ | ||
| 1997 | } | 2016 | } |
| 1998 | 2017 | ||
| 1999 | .xc-video{ | 2018 | .xc-video{ |
| 2000 | - width:100rpx; | ||
| 2001 | - height: 50rpx; | ||
| 2002 | - line-height: 50rpx; | 2019 | + /* width:100rpx; */ |
| 2020 | + /* height: 50rpx; | ||
| 2021 | + line-height: 50rpx; */ | ||
| 2003 | text-align: center; | 2022 | text-align: center; |
| 2004 | - margin-left:-30rpx; | 2023 | + /* margin-left:-30rpx; */ |
| 2005 | 2024 | ||
| 2006 | 2025 | ||
| 2007 | } | 2026 | } |
| @@ -2324,8 +2343,9 @@ margin-top:5rpx; | @@ -2324,8 +2343,9 @@ margin-top:5rpx; | ||
| 2324 | .xc-partner-frame{ | 2343 | .xc-partner-frame{ |
| 2325 | border-bottom:2rpx solid #eee; | 2344 | border-bottom:2rpx solid #eee; |
| 2326 | width:100%; | 2345 | width:100%; |
| 2327 | -padding:0 20rpx; | ||
| 2328 | -height:56rpx; | 2346 | +padding:20rpx; |
| 2347 | +/* height:56rpx; */ | ||
| 2348 | +box-sizing: border-box; | ||
| 2329 | } | 2349 | } |
| 2330 | .xc-person-number{ | 2350 | .xc-person-number{ |
| 2331 | width:120rpx; | 2351 | width:120rpx; |
| @@ -2569,8 +2589,8 @@ margin-top: 10rpx; | @@ -2569,8 +2589,8 @@ margin-top: 10rpx; | ||
| 2569 | } | 2589 | } |
| 2570 | .xc-goods-attribute{ | 2590 | .xc-goods-attribute{ |
| 2571 | border-bottom: 1px solid #eee; | 2591 | border-bottom: 1px solid #eee; |
| 2572 | -padding-bottom: 15px; | ||
| 2573 | -margin-bottom:40rpx; | 2592 | +padding-bottom: 20rpx; |
| 2593 | +/* margin-bottom:40rpx; */ | ||
| 2574 | } | 2594 | } |
| 2575 | .xc-val-fream{ | 2595 | .xc-val-fream{ |
| 2576 | width: 105rpx; | 2596 | width: 105rpx; |
| @@ -2597,11 +2617,11 @@ border-radius: 55rpx; | @@ -2597,11 +2617,11 @@ border-radius: 55rpx; | ||
| 2597 | .s_btn{ margin-top: 25rpx; } | 2617 | .s_btn{ margin-top: 25rpx; } |
| 2598 | /* 美妆价的样式 */ | 2618 | /* 美妆价的样式 */ |
| 2599 | .beauty-makeup-frame{ | 2619 | .beauty-makeup-frame{ |
| 2600 | - width: 101.5%; | ||
| 2601 | - margin: auto; | 2620 | + /* width: 101.5%; |
| 2621 | + margin: auto; */ | ||
| 2602 | height: 120rpx; | 2622 | height: 120rpx; |
| 2603 | border-radius: 15rpx; | 2623 | border-radius: 15rpx; |
| 2604 | - margin-top: 18px; | 2624 | + margin-top: 10px; |
| 2605 | 2625 | ||
| 2606 | } | 2626 | } |
| 2607 | .beauty-makeup-frame .left{ | 2627 | .beauty-makeup-frame .left{ |
| @@ -2609,7 +2629,7 @@ border-radius: 55rpx; | @@ -2609,7 +2629,7 @@ border-radius: 55rpx; | ||
| 2609 | height: 100%; | 2629 | height: 100%; |
| 2610 | background:#f7f7f7; | 2630 | background:#f7f7f7; |
| 2611 | border-radius: 20rpx 0rpx 0rpx 20rpx; | 2631 | border-radius: 20rpx 0rpx 0rpx 20rpx; |
| 2612 | - padding-left: 20rpx; | 2632 | + padding: 0 10rpx; |
| 2613 | } | 2633 | } |
| 2614 | .card-frame{ | 2634 | .card-frame{ |
| 2615 | margin-top: 0rpx; padding-right: 23rpx; | 2635 | margin-top: 0rpx; padding-right: 23rpx; |
| @@ -2627,13 +2647,13 @@ border-radius: 55rpx; | @@ -2627,13 +2647,13 @@ border-radius: 55rpx; | ||
| 2627 | } | 2647 | } |
| 2628 | .grade-card-frame{ | 2648 | .grade-card-frame{ |
| 2629 | 2649 | ||
| 2630 | - height:45rpx ; | 2650 | + /* height:45rpx ; */ |
| 2631 | background: #3c300a; | 2651 | background: #3c300a; |
| 2632 | border-radius: 20rpx; | 2652 | border-radius: 20rpx; |
| 2633 | - margin-top: 10px; | ||
| 2634 | - margin-left: 7rpx; | 2653 | + /* margin-top: 10px; |
| 2654 | + margin-left: 7rpx; */ | ||
| 2635 | justify-content: center; | 2655 | justify-content: center; |
| 2636 | - padding: 0 15rpx; | 2656 | + padding: 4rpx 12rpx; |
| 2637 | } | 2657 | } |
| 2638 | .grade-card-frame .img{ | 2658 | .grade-card-frame .img{ |
| 2639 | width: 24rpx; | 2659 | width: 24rpx; |