From c92a2a03d815e137a540ac5efffcbe7802c80499 Mon Sep 17 00:00:00 2001 From: taiyuan Date: Thu, 3 Sep 2020 09:45:12 +0800 Subject: [PATCH] 去参团-弹框修改 --- app.wxss | 6 ++++++ pages/team/team_show/team_show.js | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/team/team_show/team_show.wxml | 666 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ pages/team/team_show/team_show.wxss | 2365 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 4 files changed, 2245 insertions(+), 916 deletions(-) diff --git a/app.wxss b/app.wxss index 736dc43..447ec7f 100644 --- a/app.wxss +++ b/app.wxss @@ -162,6 +162,7 @@ justify-content:flex-start; align-items:center; } .flex{display: flex} + .ai-center{ align-items: center; } @@ -407,4 +408,9 @@ background: #ffe3e2; .fs60{ font-size:60rpx;} .flex-wrap{ flex-wrap:wrap; +} + + +.lh1 { + line-height: 1; } \ No newline at end of file diff --git a/pages/team/team_show/team_show.js b/pages/team/team_show/team_show.js index f5638ca..3a795e9 100644 --- a/pages/team/team_show/team_show.js +++ b/pages/team/team_show/team_show.js @@ -60,6 +60,13 @@ Page({ redis_arr:null, iurl:os.imghost, + + + openSpecModal: !1, + openSpecModal_pt: !1, //拼单的弹起, + + showStore: true, + selectStore: 0, }, onLoad: function(options) { @@ -941,5 +948,122 @@ Page({ imageUrl: img, } }, + + + + + + closeSpecModal: function() { + this.setData({ + yijian: false + }); + }, + + close_popup: function() { + this.setData({ + showStore: true + }); + }, + + + + // 选择门店 + choice_store: function(ee) { + + // console.log('1'); + this.setData({ + // store: 1, + yijian: false, + showStore: false, + }); + + // var th = this; + // var ind=ee.currentTarget.dataset.ind; + // var bconfig = th.data.bconfig; + + // if(!th.data.only_pk && !th.data.def_pickpu_list){ + // getApp().confirmBox("门店库存不足", null, 25000, !1); + // return false; + // } + + // if(th.data.only_pk && !th.data.only_pk.length){ + // getApp().confirmBox("门店库存不足", null, 25000, !1); + // return false; + // } + // if(th.data.def_pickpu_list && !th.data.def_pickpu_list.length){ + // getApp().confirmBox("门店库存不足", null, 25000, !1); + // return false; + // } + + + // if (bconfig.is_sort_storage) { + // wx.getLocation({ + // type: 'wgs84', + // success: function(res) { + + // th.data.lat = res.latitude; + // th.data.lon = res.longitude; + // th.data.is_get_local_ok = 1; + // th.setData({ + // is_gps: 1 + // }); + // //th.onShow(); + // th.get_sto(); + // }, + // fail: function(res) { + // //th.onShow(); + // th.data.is_get_local_ok = 1; + // th.get_sto(); + // if (res.errCode == 2) { + // th.setData({ + // is_gps: 0 + // }); + // if (th.data.is_gps == 0) { + // getApp().confirmBox("请开启GPS定位", null, 25000, !1); + // } + // } else { + // th.setData({ + // is_gps: "3" + // }); + // } + + // } + // }) + // }else{ + // th.data.is_get_local_ok = 1; + // th.get_sto(); + // } + + // if(ind!=undefined && ind!=null ){ + // this.setData({ + // open_ind_store: ind, + // store: 1, + // openSpecModal: !1, + // openSpecModal_pt: !1 + // }) + // }else{ + // this.setData({ + // store: 1, + // openSpecModal: !1, + // openSpecModal_pt: !1 + // }) + // } + }, + + + + //选择更多门店 + more_store: function() { + this.setData({ + selectStore: 1 + }); + }, + + // 返回按钮 + returns: function() { + this.setData({ + selectStore: 0, + }); + }, }) \ No newline at end of file diff --git a/pages/team/team_show/team_show.wxml b/pages/team/team_show/team_show.wxml index f05f48d..f509501 100644 --- a/pages/team/team_show/team_show.wxml +++ b/pages/team/team_show/team_show.wxml @@ -1,189 +1,419 @@ - - - - - - - - - - - {{goods.goods_name}} - - - - - - {{teamlist.price}} - - 零售价¥{{goods.market_price}} - - - - - 已拼{{teamlist.buy_num}}件 - - - - - - {{teamlist.ct_num}}人拼 - - - - - - - - - - - - - - - 拼团成功,为您节省25元 - - - - - 拼团失败 - - - - - - - - 团长 - - - - - - - - - - + + + + + + + - - - - - - - - - 剩余 - {{obj.day}} : - {{obj.hou}} : - {{obj.min}} : - {{obj.sec}} 结束 - - + + {{goods.goods_name}} + + + + + + {{teamlist.price}} + + 零售价¥{{goods.market_price}} + + + + + 已拼{{teamlist.buy_num}}件 + + + + + + {{teamlist.ct_num}}人拼 + + + + + + + - - - - - - - + + + + + + + 拼团成功,为您节省25元 + + + + + + + 拼团失败 + + + + + + + + + + 团长 + + + + + + + + + + + + + + + + + + + + + 剩余 + {{obj.day}} : + {{obj.hou}} : + {{obj.min}} : + {{obj.sec}} 结束 + + + + + + + + + + - - 去参团 - 返回首页 + + 去参团 + 返回首页 - 一键参团 - 返回首页 + 一键参团 + 返回首页 - 一键参团 - 返回首页 + 一键参团 + 返回首页 - - 会员'{{tg_arr.user_name}}'待付款,若{{r_obj.min}}分{{r_obj.sec}}秒后该会员未支付您可以继续参团哦! - - - - 去参团 - 返回首页 - - + + 会员'{{tg_arr.user_name}}'待付款,若{{r_obj.min}}分{{r_obj.sec}}秒后该会员未支付您可以继续参团哦! + + + + 去参团 + 返回首页 + + - - - - - - 展开拼团列表 - - - - - + + + + + + 展开拼团列表 + + + + + - 收起拼团列表 - - + 收起拼团列表 + + - - - - {{item.nickname}} - - {{item.add_time_date}} 开团 - {{item.add_time_date}} 参团 - - - - - - - 拼团玩法 - 开团/参团>邀请参团>人满成团 - - - - - 大家都在团 - - - - - - - - - {{item.goods_name}} - - - ¥{{item.price}} - {{item.ct_num}}人 - 参团 - - - - - + + + + {{item.nickname}} + + {{item.add_time_date}} 开团 + {{item.add_time_date}} 参团 + + + + + + + 拼团玩法 + 开团/参团>邀请参团>人满成团 + + + + + 大家都在团 + + + + + + + + + {{item.goods_name}} + + + ¥{{item.price}} + {{item.ct_num}}人 + 参团 + + + + + - - - + + + + + + + + + + + + + + {{sele_g.goods_name}}商品名称 + + + + + + + + ¥ {{sele_g[card_field]}}1.00 + + + + + + + + + + 已售:{{sele_g.sales_sum}}5 + 可售:{{sele_g.store_count}}4 + + + + + + + + + + + + + {{def_pick_store.pickup_name}}美得得 + + + 距离:400m + + + + + + + + + 更多门店 + + + + + 地址:泉州市 + + + + + + + + + + + + + + + + + + + + + + + + 确定 + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - 取货门店({{end_name}})(请选择门店) - - - + + + + + + - + --> + + - < {{sele_dl_name}} - - + --> + + + + - - + + + + + + + - - - - 立即支付 - + - - - {{toastText}} - - + + + {{toastText}} + + + - - - - 拼团玩法介绍 - - - 1.开团: - 选择心仪商品,点击“发起X人团”按钮,付款后即为开团成功; - - 2.参团: - 进入朋友分享的页面,点击“立即参团”按钮,付款后即为参团成功,若多人同时支付,支付成功时间较早的人获得参团资格; - - 3.成团: - 在开团或参团成功后,点击“邀请小伙伴参团”将页面分享给好友,在有效时间内凑齐人数即为成团,此时商家会开始发货; - - 4.组团失败: - 在有效时间内未凑齐人数,即为组团失败,此时付款项会原路退回到支付账户; - - 5. - 组团有效期间内,拼购商品订单不允许取消。 - - - + + + + 拼团玩法介绍 + + + 1.开团: + 选择心仪商品,点击“发起X人团”按钮,付款后即为开团成功; + + 2.参团: + 进入朋友分享的页面,点击“立即参团”按钮,付款后即为参团成功,若多人同时支付,支付成功时间较早的人获得参团资格; + + 3.成团: + 在开团或参团成功后,点击“邀请小伙伴参团”将页面分享给好友,在有效时间内凑齐人数即为成团,此时商家会开始发货; + + 4.组团失败: + 在有效时间内未凑齐人数,即为组团失败,此时付款项会原路退回到支付账户; + + 5. + 组团有效期间内,拼购商品订单不允许取消。 + + + - \ No newline at end of file + diff --git a/pages/team/team_show/team_show.wxss b/pages/team/team_show/team_show.wxss index 22a214a..e40813f 100644 --- a/pages/team/team_show/team_show.wxss +++ b/pages/team/team_show/team_show.wxss @@ -1,105 +1,110 @@ page { - background-color: #eee; + background-color: #eee; } .top { - background-color: rgb(216, 230, 220); - color: rgb(98, 155, 13); - text-align: center; - height: 110rpx; - width: 100%; + background-color: rgb(216, 230, 220); + color: rgb(98, 155, 13); + text-align: center; + height: 110rpx; + width: 100%; } .center { - height: 240rpx; - width: 100%; - background:#fff; + height: 240rpx; + width: 100%; + background: #fff; } .cenleft { - width: 240rpx; - height: 100%; - float: left; - display: flex; - justify-content: center; - align-items: center; + width: 240rpx; + height: 100%; + float: left; + display: flex; + justify-content: center; + align-items: center; } .cenleft image { - background-color: white; - width: 200rpx; - height: 200rpx; + background-color: white; + width: 200rpx; + height: 200rpx; } .cenrt {} -.cenright { height: 100%;width:auto;float: left;} + +.cenright { + height: 100%; + width: auto; + float: left; +} .cenrtoptitle { - float: left; - width: 240rpx; - height: 40rpx; - margin-left: 12rpx; - font-size: 28rpx; - margin-top: 12rpx; + float: left; + width: 240rpx; + height: 40rpx; + margin-left: 12rpx; + font-size: 28rpx; + margin-top: 12rpx; } .cenrcen { - height: 70rpx; - margin-top: 35rpx; - width: 479rpx; + height: 70rpx; + margin-top: 35rpx; + width: 479rpx; } .jg { - font-size: 40rpx; - margin-right: 30rpx; + font-size: 40rpx; + margin-right: 30rpx; } .jgx { - font-size: 24rpx; - color: #777; - text-decoration: line-through; - margin-top: 12rpx; + font-size: 24rpx; + color: #777; + text-decoration: line-through; + margin-top: 12rpx; } .cenrfoot { - align-content: center; - text-align: center; - border: 2rpx solid red; - border-radius: 10rpx; - color: red; - float: left; - font-size: 24rpx; - padding: 4rpx 16rpx; - margin-top: 12rpx; + align-content: center; + text-align: center; + border: 2rpx solid red; + border-radius: 10rpx; + color: red; + float: left; + font-size: 24rpx; + padding: 4rpx 16rpx; + margin-top: 12rpx; } .body { - background-color: white; - height: 472rpx; - width: 100%; - margin-top: 4rpx; + background-color: white; + height: 472rpx; + width: 100%; + margin-top: 4rpx; } .d { - font-size: 24rpx; + font-size: 24rpx; } .bodytop { - background-color: white; - text-align: center; - font-size: 28rpx; - padding-top: 16rpx; - height:90rpx; + background-color: white; + text-align: center; + font-size: 28rpx; + padding-top: 16rpx; + height: 90rpx; } .bodytop span { - color: red; + color: red; } .bodyimg { - height: 155rpx; - /* display: flex; + height: 155rpx; + /* display: flex; justify-content: center; align-items: center; */ @@ -107,1097 +112,2057 @@ page { } .bodyimg image { - border-radius: 50rpx; - height:96rpx; - width:96rpx; - margin-top: 30rpx; - position: absolute; + border-radius: 50rpx; + height: 96rpx; + width: 96rpx; + margin-top: 30rpx; + position: absolute; } .d { - width:101rpx; - height:101rpx; - display: inline-block; - + width: 101rpx; + height: 101rpx; + display: inline-block; + } .bodyimg span { - background-color: #e22b44; - color: white; - font-size: 24rpx; - border-radius: 6rpx; - padding: 3rpx 10rpx; - position: relative; - top: 8px; - left: 40rpx; + background-color: #e22b44; + color: white; + font-size: 24rpx; + border-radius: 6rpx; + padding: 3rpx 10rpx; + position: relative; + top: 8px; + left: 40rpx; } .bodyspan { - color: red; - text-align: center; - font-size: 24rpx; + color: red; + text-align: center; + font-size: 24rpx; } .bodytime { - height: 55rpx; - width: 100%; - display: flex; - flex-wrap: nowrap; - padding-left:40rpx; -align-items:center; + height: 55rpx; + width: 100%; + display: flex; + flex-wrap: nowrap; + padding-left: 40rpx; + align-items: center; } .bodytimeleft { - text-decoration: line-through; - flex-grow: 1.7; + text-decoration: line-through; + flex-grow: 1.7; } .bodytimecen { - text-align: center; - flex-grow: 1; + text-align: center; + flex-grow: 1; - font-size:30rpx; - color: #000; - width:415rpx; + font-size: 30rpx; + color: #000; + width: 415rpx; } .bodytimecen span { - background-color: #333333; - color: white; - border-radius: 7rpx; - padding-left: 20rpx; - font-size: 30rpx; - margin: 0 auto; - padding-right:10rpx; -margin-right:5px; + background-color: #333333; + color: white; + border-radius: 7rpx; + padding-left: 20rpx; + font-size: 30rpx; + margin: 0 auto; + padding-right: 10rpx; + margin-right: 5px; + - } .bodytimecen span:last-child { - margin-right: 10rpx; + margin-right: 10rpx; } .bodytimeright { -flex-grow:1.7; - margin-right:72rpx; + flex-grow: 1.7; + margin-right: 72rpx; } .bodybutton { - min-height: 170rpx; - width: 90%; - margin: 0 auto; - text-align: center; + min-height: 170rpx; + width: 90%; + margin: 0 auto; + text-align: center; line-height: 70rpx; - border-radius:15rpx; - height: auto; - padding-top:38rpx - + border-radius: 15rpx; + height: auto; + padding-top: 38rpx } .bodybutton button { - height: 100%; - width: 100%; - background-color: red; - color: white; - font-size: 32rpx; + height: 100%; + width: 100%; + background-color: red; + color: white; + font-size: 32rpx; } -.bodybutton.co-w{ - color: #333; - background-color:#adadad; - font-size: 32rpx; - +.bodybutton.co-w { + color: #333; + background-color: #adadad; + font-size: 32rpx; + } .bodyfoot { - width: 100%; - text-align: center; - font-size: 28rpx; - color: #777; - background-color: white; + width: 100%; + text-align: center; + font-size: 28rpx; + color: #777; + background-color: white; } .pintuan { - width: 100%; - height: 84rpx; - background-color: white; - color: black; - text-align: center; - font-size: 36rpx; - margin-top: 0rpx; + width: 100%; + height: 84rpx; + background-color: white; + color: black; + text-align: center; + font-size: 36rpx; + margin-top: 0rpx; } .pintuanzhou { - float: left; - line-height: 84rpx; - width: 226rpx; - background: url('https://mshopimg.yolipai.net/miniapp/images/user/wh.png') no-repeat right center; - background-size: 42rpx; - margin-left: -18rpx; - font-size: 32rpx; + float: left; + line-height: 84rpx; + width: 226rpx; + background: url('https://mshopimg.yolipai.net/miniapp/images/user/wh.png') no-repeat right center; + background-size: 42rpx; + margin-left: -18rpx; + font-size: 32rpx; } .pintuanyou { - float: right; - color: rgb(168, 167, 167); - line-height: 84rpx; - font-size: 32rpx; - margin-right: 24rpx; + float: right; + color: rgb(168, 167, 167); + line-height: 84rpx; + font-size: 32rpx; + margin-right: 24rpx; } .onegoods { - background-color: white; - width: 372rpx; - height: 560rpx; - border-left: 2rpx solid #eee; - float: left; + background-color: white; + width: 372rpx; + height: 560rpx; + border-left: 2rpx solid #eee; + float: left; } .goodsl { - background-color: white; + background-color: white; } .onegoodsimg { - width: 100%; - height: 360rpx; - margin-bottom: 20rpx; + width: 100%; + height: 360rpx; + margin-bottom: 20rpx; } .onegoodsimg image { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } .onegoodsdesc { - color: rgb(168, 167, 167); - padding-left: 20rpx; - height: 100rpx; - font-size: 32rpx; - width: 92%; - line-height: 100rpx; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-right: 20rpx; + color: rgb(168, 167, 167); + padding-left: 20rpx; + height: 100rpx; + font-size: 32rpx; + width: 92%; + line-height: 100rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-right: 20rpx; } -.onegoodsdesc text { -} +.onegoodsdesc text {} .price { - color: red; - width: 100%; + color: red; + width: 100%; } .jgleft { - float: left; - width: 100rpx; - margin-left: 20rpx; - font-size: 40rpx; - margin-top: -8rpx; + float: left; + width: 100rpx; + margin-left: 20rpx; + font-size: 40rpx; + margin-top: -8rpx; } .jgright { - font-size: 28rpx; - float: right; - width: 120rpx; + font-size: 28rpx; + float: right; + width: 120rpx; } .jgright span { - color: rgb(168, 167, 167); + color: rgb(168, 167, 167); } .goodslisttop { - background-color: white; - width: 100%; + background-color: white; + width: 100%; } .goodslist { - background-color: white; + background-color: white; } .goodslisttop { - background-color: white; - width: 100%; - height: 80rpx; - margin-top: 20rpx; - text-align: center; + background-color: white; + width: 100%; + height: 80rpx; + margin-top: 20rpx; + text-align: center; } .goodslistspan { - margin: 0 auto; - padding-top: 20rpx; - display: inline-block; - padding: 0 10px; - background: #fff; - margin-top: 12rpx; - font-size: 28rpx; - color: rgb(168, 167, 167); + margin: 0 auto; + padding-top: 20rpx; + display: inline-block; + padding: 0 10px; + background: #fff; + margin-top: 12rpx; + font-size: 28rpx; + color: rgb(168, 167, 167); } .xian { - height: 50%; - width: 100%; - border-bottom: 4rpx solid #eee; - float: left; + height: 50%; + width: 100%; + border-bottom: 4rpx solid #eee; + float: left; } .bodyselect { - height: 50px; - background-color: white; - width: 100%; - line-height: 50px; - font-size: 28rpx; + height: 50px; + background-color: white; + width: 100%; + line-height: 50px; + font-size: 28rpx; } .changxin { - float: left; - width: 100%; + float: left; + width: 100%; } .zhangxi { - width: 100%; - min-height: 100rpx; - background-color: white; - color: black; + width: 100%; + min-height: 100rpx; + background-color: white; + color: black; } .img { - width: 30%; - height: 100rpx; - margin-bottom: 0rpx; - color: black; - margin-left: 36rpx; - font-size: 26rpx; - display: flex; + width: 30%; + height: 100rpx; + margin-bottom: 0rpx; + color: black; + margin-left: 36rpx; + font-size: 26rpx; + display: flex; } .img span { - height: 100rpx; - display: block; - line-height: 100rpx; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - padding: 0rpx; - width: 120rpx; + height: 100rpx; + display: block; + line-height: 100rpx; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding: 0rpx; + width: 120rpx; } .zhangxi image { - border-radius: 50rpx; - height: 80rpx; - width: 80rpx; - float: left; - margin-top: 12rpx; - background-color: red; - margin-right: 10rpx; + border-radius: 50rpx; + height: 80rpx; + width: 80rpx; + float: left; + margin-top: 12rpx; + background-color: red; + margin-right: 10rpx; } .zhangxi .zssj { - height: 100rpx; - width: 70%; - margin-right: 40rpx; - line-height: 100rpx; - font-size: 26rpx; - text-align: right; + height: 100rpx; + width: 70%; + margin-right: 40rpx; + line-height: 100rpx; + font-size: 26rpx; + text-align: right; } .zhangxi .zssj text { - width: 100%; + width: 100%; } .ia { - display: flex; + display: flex; } .zspan { - text-align: center; - border-bottom: 2rpx #eee solid; - width: 100%; - display: flex; - align-items: center; - justify-content: center; - font-size: 28rpx; - color: #777; - line-height: 100rpx; - height:auto; + text-align: center; + border-bottom: 2rpx #eee solid; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: 28rpx; + color: #777; + line-height: 100rpx; + height: auto; } .mtop { - text-align: center; - color: white; - background-color: #4c4c4c; - width: 100%; - height: 100%; - position: fixed; - z-index: 5; - top: 0; - left: 0; + text-align: center; + color: white; + background-color: #4c4c4c; + width: 100%; + height: 100%; + position: fixed; + z-index: 5; + top: 0; + left: 0; } .mt1 { - margin-top: 100px; - margin-bottom: 20rpx; + margin-top: 100px; + margin-bottom: 20rpx; } .mts { - color: #e1e10b; + color: #e1e10b; } .mcou { - font-size: 48rpx; + font-size: 48rpx; } .mfoot { - width: 100%; - margin-top: 700rpx; + width: 100%; + margin-top: 700rpx; } .mbtn { - margin-top: 60rpx; - width: 400rpx; - background: #666; - color: #fff; - border-radius: 20rpx; - font-size: 32rpx; + margin-top: 60rpx; + width: 400rpx; + background: #666; + color: #fff; + border-radius: 20rpx; + font-size: 32rpx; } .etop { - padding-top: 200rpx; - width: 100%; - height: 100%; - position: fixed; - left: 0rpx; - top: 0rpx; - z-index: 12rpx; - background-color: white; + padding-top: 200rpx; + width: 100%; + height: 100%; + position: fixed; + left: 0rpx; + top: 0rpx; + z-index: 12rpx; + background-color: white; } .emyimage { - display: flex; - justify-content: center; - align-items: center; + display: flex; + justify-content: center; + align-items: center; } .emyimage image { - background-color: red; - width: 160rpx; - height: 160rpx; - margin: 0 auto; + background-color: red; + width: 160rpx; + height: 160rpx; + margin: 0 auto; } .espan { - font-size: 32rpx; - margin-top: 10rpx; + font-size: 32rpx; + margin-top: 10rpx; } .erweima { - margin-top: 10rpx; - width: 100%; + margin-top: 10rpx; + width: 100%; } .erzhou { - width: 200rpx; - float: left; - margin-right: 20rpx; + width: 200rpx; + float: left; + margin-right: 20rpx; } .erzhou image { - background-color: blanchedalmond; - width: 200rpx; - height: 200rpx; + background-color: blanchedalmond; + width: 200rpx; + height: 200rpx; } .eright { - width: 500rpx; - float: left; - font-size: 32rpx; + width: 500rpx; + float: left; + font-size: 32rpx; } .body { - background-color: white; - height: auto; - width: 100%; - margin-top: 4rpx; + background-color: white; + height: auto; + width: 100%; + margin-top: 4rpx; } .cenrtoptitle { - float: left; - width: 450rpx; - font-size: 28rpx; - margin-top: 20rpx; - + float: left; + width: 450rpx; + font-size: 28rpx; + margin-top: 20rpx; + } .cenrtop { - margin-top: 20rpx; - background-color: red; - color: white; - border-radius: 10rpx; - padding:0 16rpx; - font-size: 28rpx; - float: left; - height: 40rpx; + margin-top: 20rpx; + background-color: red; + color: white; + border-radius: 10rpx; + padding: 0 16rpx; + font-size: 28rpx; + float: left; + height: 40rpx; } .yijian { - position: fixed; - top: 0rpx; - left: 0rpx; - width: 100%; - height: 100%; - z-index: 14rpx; - background-color: rgba(0, 0, 0, 0.3); + position: fixed; + top: 0rpx; + left: 0rpx; + width: 100%; + height: 100%; + z-index: 14rpx; + background-color: rgba(0, 0, 0, 0.3); } .buy-option { - background: #fff; - box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); - padding: 20rpx; - min-height: 400rpx; - padding-bottom: 120rpx; - width: 100%; - margin-top: 180rpx; + background: #fff; + box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + padding: 20rpx; + min-height: 400rpx; + padding-bottom: 120rpx; + width: 100%; + margin-top: 180rpx; } .buy-top { - width: 100%; + width: 100%; } .buy-image { - margin-right: 20rpx; - width: 320rpx; - height: 200rpx; - float: left; + margin-right: 20rpx; + width: 320rpx; + height: 200rpx; + float: left; } .buy-image image { - width: 200rpx; - height: 200rpx; - background-color: burlywood; - float: left; + width: 200rpx; + height: 200rpx; + background-color: burlywood; + float: left; } .buy-image text { - margin-left: 10rpx; - color: red; + margin-left: 10rpx; + color: red; } .buy-cou { - float: right; - width: 100rpx; - height: 200rpx; - background-color: white; - font-size: 60rpx; - color: black; + float: right; + width: 100rpx; + height: 200rpx; + background-color: white; + font-size: 60rpx; + color: black; } .t1 { - float: left; - font-size: 28rpx; - padding-left: 4rpx; - color: red; - padding-top: 10rpx; + float: left; + font-size: 28rpx; + padding-left: 4rpx; + color: red; + padding-top: 10rpx; } .buy-button { - width: 100%; - float: left; - margin-top: 22rpx; + width: 100%; + float: left; + margin-top: 22rpx; } .buy-button text { - float: left; + float: left; } .stepper { - height: 52rpx; - float: left; - border: 2rpx solid #ccc; - border-radius: 6rpx; - margin-left: 28rpx; + height: 52rpx; + float: left; + border: 2rpx solid #ccc; + border-radius: 6rpx; + margin-left: 28rpx; } /*加号和减号*/ .stepper text { - float: left; - width: 76rpx; - line-height: 52rpx; - text-align: center; + float: left; + width: 76rpx; + line-height: 52rpx; + text-align: center; } /*数值*/ .stepper input { - width: 80rpx; - height: 52rpx; - float: left; - margin: 0 auto; - text-align: center; - font-size: 24rpx; - border-left: 2rpx solid #ccc; - border-right: 2rpx solid #ccc; + width: 80rpx; + height: 52rpx; + float: left; + margin: 0 auto; + text-align: center; + font-size: 24rpx; + border-left: 2rpx solid #ccc; + border-right: 2rpx solid #ccc; } /*普通样式*/ .stepper .normal { - color: black; + color: black; } /*禁用样式*/ .stepper .disable { - color: #ccc; + color: #ccc; } .quhuo { - width: 100%; - color: rgb(51, 51, 51); - float: left; - margin-top: 20rpx; + width: 100%; + color: rgb(51, 51, 51); + float: left; + margin-top: 20rpx; } .x-z { - width: 100%; - float: left; - color: rgb(51, 51, 51); - font-size: 36rpx; + width: 100%; + float: left; + color: rgb(51, 51, 51); + font-size: 36rpx; } .btn { - width: 94%; - background-color: red; - color: white; - text-align: center; - height: 88rpx; - line-height: 88rpx; - float: left; - margin: 0 auto; + width: 94%; + background-color: red; + color: white; + text-align: center; + height: 88rpx; + line-height: 88rpx; + float: left; + margin: 0 auto; } .mck { - min-height: 100rpx; - width: 100%; - border-bottom: 24rpx #eee solid; + min-height: 100rpx; + width: 100%; + border-bottom: 24rpx #eee solid; } /* pages/yi/yi.wxss */ .buy-option { - background: #fff; - padding: 20rpx; - margin-top: 650rpx; - width: 100%; + background: #fff; + padding: 20rpx; + margin-top: 650rpx; + width: 100%; } .buy-top { - width: 100%; + width: 100%; } .buy-image { - margin-right: 20rpx; - width: 630rpx; - height: 200rpx; - float: left; + margin-right: 20rpx; + width: 630rpx; + height: 200rpx; + float: left; } .buy-image image { - width: 200rpx; - height: 200rpx; - background-color: burlywood; - float: left; - margin-right: 16rpx; + width: 200rpx; + height: 200rpx; + background-color: burlywood; + float: left; + margin-right: 16rpx; } .buy-image text { - margin-left: 10rpx; - color: red; + margin-left: 10rpx; + color: red; } .buy-cou { - float: right; - width: 60rpx; - height: 60rpx; - background-color: white; - font-size: 60rpx; - color: black; - margin-right: 40rpx; - text-align: center; - line-height: 60rpx; - padding-bottom: 4rpx; + float: right; + width: 60rpx; + height: 60rpx; + background-color: white; + font-size: 60rpx; + color: black; + margin-right: 40rpx; + text-align: center; + line-height: 60rpx; + padding-bottom: 4rpx; } .t1 { - font-size: 28rpx; - padding-left: 4rpx; - color: red; - padding-top: 10rpx; + font-size: 28rpx; + padding-left: 4rpx; + color: red; + padding-top: 10rpx; } .buy-button { - width: 100%; - margin-top: 30rpx; + width: 100%; + margin-top: 30rpx; } .buy-button text { - /*float: left;*/ - display: inline-block; + /*float: left;*/ + display: inline-block; } .stepper { - height: 52rpx; - display: inline-block; - border: 2rpx solid #ccc; - border-radius: 6rpx; - margin-left: 28rpx; + height: 52rpx; + display: inline-block; + border: 2rpx solid #ccc; + border-radius: 6rpx; + margin-left: 28rpx; } /*加号和减号*/ .stepper text { - float: left; - width: 65rpx; - line-height: 52rpx; - text-align: center; + float: left; + width: 65rpx; + line-height: 52rpx; + text-align: center; } /*数值*/ .stepper input { - width: 84rpx; - height: 52rpx; - float: left; - margin: 0 auto; - text-align: center; - font-size: 24rpx; - border-left: 2rpx solid #ccc; - border-right: 2rpx solid #ccc; + width: 84rpx; + height: 52rpx; + float: left; + margin: 0 auto; + text-align: center; + font-size: 24rpx; + border-left: 2rpx solid #ccc; + border-right: 2rpx solid #ccc; } /*普通样式*/ .stepper .normal { - color: black; + color: black; } /*禁用样式*/ .stepper .disable { - color: #ccc; + color: #ccc; } .quhuo { - width: 100%; - color: rgb(51, 51, 51); - margin-top: 45rpx; - font-size: 32rpx + width: 100%; + color: rgb(51, 51, 51); + margin-top: 45rpx; + font-size: 32rpx } .quhuo image { - width: 40rpx; - height: 40rpx; - display: inline-block; - position: relative; - left: 500rpx; + width: 40rpx; + height: 40rpx; + display: inline-block; + position: relative; + left: 500rpx; } .ttxz { - display: inline-block; + display: inline-block; } .xuanze { - width: 100%; - height: 80rpx; - display: inline-block; - border-bottom: 1rpx #e7e7e7 solid; - font-size: 32rpx; - line-height: 80rpx; + width: 100%; + height: 80rpx; + display: inline-block; + border-bottom: 1rpx #e7e7e7 solid; + font-size: 32rpx; + line-height: 80rpx; } .xuanze1 { - width: 100%; - color: rgb(51, 51, 51); - height: 80rpx; - display: inline-block; - border-bottom: 1rpx #e7e7e7 solid; - line-height: 80rpx; - overflow: hidden; + width: 100%; + color: rgb(51, 51, 51); + height: 80rpx; + display: inline-block; + border-bottom: 1rpx #e7e7e7 solid; + line-height: 80rpx; + overflow: hidden; } .x-z { - width: 100%; - color: rgb(51, 51, 51); - font-size: 36rpx; - height: auto; + width: 100%; + color: rgb(51, 51, 51); + font-size: 36rpx; + height: auto; } .btn { - width: 100%; - background-color: red; - color: white; - text-align: center; - height: 88rpx; - line-height: 88rpx; + width: 100%; + background-color: red; + color: white; + text-align: center; + height: 88rpx; + line-height: 88rpx; } .clear { - clear: both; + clear: both; } .fir_view { - max-height: 300rpx; - overflow-y: scroll; + max-height: 300rpx; + overflow-y: scroll; } .pop_up { - min-height: 200rpx; - position: fixed; - bottom: 0; - left: 0; - width: 100%; - background-color: rgba(0, 0, 0, 0.3); font-size: 34rpx; - color:rgb(51, 51, 51); + min-height: 200rpx; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + background-color: rgba(0, 0, 0, 0.3); + font-size: 34rpx; + color: rgb(51, 51, 51); } .end_name { - display: inline-block; + display: inline-block; } /*mask*/ .toast_mask { - opacity: 0; - width: 100%; - height: 100%; - overflow: hidden; - position: fixed; - top: 0rpx; - left: 0rpx; - z-index: 888; + opacity: 0; + width: 100%; + height: 100%; + overflow: hidden; + position: fixed; + top: 0rpx; + left: 0rpx; + z-index: 888; } /*toast*/ .toast_content_box { - display: flex; - width: 100%; - height: 100%; - justify-content: center; - align-items: center; - position: fixed; - z-index: 999; - top: 0rpx; + display: flex; + width: 100%; + height: 100%; + justify-content: center; + align-items: center; + position: fixed; + z-index: 999; + top: 0rpx; } .toast_content { - width: 50%; - padding: 20rpx; - background: rgba(0, 0, 0, 0.5); - border-radius: 20rpx; + width: 50%; + padding: 20rpx; + background: rgba(0, 0, 0, 0.5); + border-radius: 20rpx; } .toast_content_text { - height: 100%; - width: 100%; - color: #fff; - font-size: 28rpx; - text-align: center; + height: 100%; + width: 100%; + color: #fff; + font-size: 28rpx; + text-align: center; } .jt { - width: 30rpx; - height: 30rpx; - display: inline-block; + width: 30rpx; + height: 30rpx; + display: inline-block; } -.jiajian { color: #999;} +.jiajian { + color: #999; +} .t_wz { - line-height: 110rpx; - height: 110rpx; - font-size: 36rpx; + line-height: 110rpx; + height: 110rpx; + font-size: 36rpx; } .down-arrow { - display: inline-block; - position: relative; - width: 40rpx; - height: 30rpx; - margin-right: 20rpx; + display: inline-block; + position: relative; + width: 40rpx; + height: 30rpx; + margin-right: 20rpx; } .down-arrow::after { - display: inline-block; - content: " "; - height: 18rpx; - width: 18rpx; - border-width: 0 2rpx 2rpx 0; - border-color: #999; - border-style: solid; - transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); - transform-origin: center; - transition: transform 0.3s; - position: absolute; - top: 50%; - right: 10rpx; - margin-top: -10rpx; + display: inline-block; + content: " "; + height: 18rpx; + width: 18rpx; + border-width: 0 2rpx 2rpx 0; + border-color: #999; + border-style: solid; + transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); + transform-origin: center; + transition: transform 0.3s; + position: absolute; + top: 50%; + right: 10rpx; + margin-top: -10rpx; } .down-arrow1 { - display: inline-block; - position: relative; - width: 40rpx; - height: 30rpx; - margin-right: 20rpx; - margin-top: 12rpx; + display: inline-block; + position: relative; + width: 40rpx; + height: 30rpx; + margin-right: 20rpx; + margin-top: 12rpx; } .down-arrow1::after { - display: inline-block; - content: " "; - height: 18rpx; - width: 18rpx; - border-width: 0 2rpx 2rpx 0; - border-color: #999; - border-style: solid; - transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); - transform-origin: center; - transition: transform 0.3s; - position: absolute; - top: 50%; - right: 10rpx; - margin-top: -10rpx; + display: inline-block; + content: " "; + height: 18rpx; + width: 18rpx; + border-width: 0 2rpx 2rpx 0; + border-color: #999; + border-style: solid; + transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); + transform-origin: center; + transition: transform 0.3s; + position: absolute; + top: 50%; + right: 10rpx; + margin-top: -10rpx; } .down-arrow1::after { - transform-origin: center; - transform: rotate(-135deg); - transition: transform 0.3s; + transform-origin: center; + transform: rotate(-135deg); + transition: transform 0.3s; } .goodslisttop::after { - content: ""; - width: 100%; - height: 1px; - border-bottom: 1px #d4d4d4 solid; - display: block; - margin-top: -12px; + content: ""; + width: 100%; + height: 1px; + border-bottom: 1px #d4d4d4 solid; + display: block; + margin-top: -12px; } .ia { - display: flex; - width: 100%; + display: flex; + width: 100%; } .bview { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); } .juzhong { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; } .juzhong .xq { - padding: 0 20rpx; - background: #fff; - font-size: 30rpx; - padding-bottom: 20rpx; + padding: 0 20rpx; + background: #fff; + font-size: 30rpx; + padding-bottom: 20rpx; } .juzhong .xq .title { - text-align: center; - margin: 20rpx 0; - position: relative; - height: 50rpx; + text-align: center; + margin: 20rpx 0; + position: relative; + height: 50rpx; } .juzhong .xq .hs1 { - font-size: 28rpx; - color: #ab8f9e; + font-size: 28rpx; + color: #ab8f9e; } .juzhong .xq .title .close { - position: absolute; - top: 0; - right: 0; - width: 45rpx; - height: 45rpx; + position: absolute; + top: 0; + right: 0; + width: 45rpx; + height: 45rpx; } .pt_qd { - margin-top: 40rpx; - height: auto; + margin-top: 40rpx; + height: auto; } .spec-cart-btn.w100 { - width: 100%; - margin-left: 0; - height: 80rpx; - line-height: 80rpx; + width: 100%; + margin-left: 0; + height: 80rpx; + line-height: 80rpx; } .bview { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); } .juzhong { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; } .juzhong .xq { - padding: 0 20rpx; - background: #fff; - font-size: 30rpx; - padding-bottom: 20rpx; + padding: 0 20rpx; + background: #fff; + font-size: 30rpx; + padding-bottom: 20rpx; } .juzhong .xq .title { - text-align: center; - margin: 20rpx 0; - position: relative; - height: 50rpx; + text-align: center; + margin: 20rpx 0; + position: relative; + height: 50rpx; } .juzhong .xq .hs1 { - font-size: 28rpx; - color: #ab8f9e; + font-size: 28rpx; + color: #ab8f9e; } .juzhong .xq .title .close { - position: absolute; - top: 0; - right: 0; - width: 45rpx; - height: 45rpx; + position: absolute; + top: 0; + right: 0; + width: 45rpx; + height: 45rpx; } .pt_qd { - margin-top: 40rpx; - height: auto; + margin-top: 40rpx; + height: auto; } .spec-cart-btn.w100 { - width: 100%; - margin-left: 0; - height: 80rpx; - line-height: 80rpx; + width: 100%; + margin-left: 0; + height: 80rpx; + line-height: 80rpx; +} + +.show_zf_dd { + display: flex; + padding: 15rpx 40rpx; + justify-content: space-between; + font-size: 30rpx; + color: #666; +} + +.flex_tou { + display: flex; + justify-content: center; + width: 100%; + height: 175rpx; + align-items: center; +} + +.xc-goods-details { + width: 479rpx; + margin-top: 20rpx; + height: 80rpx; + align-items: center; + +} + +.xc-valframe { + border-radius: 7rpx; + border: 1rpx solid; + margin-top: 3rpx; +} + +.xc-valframe .xc-frame-img { + width: 30rpx; + height: 100%; + background: #e22b44; +} + +.xc-valframe .xc-frame-img .picture { + width: 25rpx; + height: 25rpx; + margin-top: 4rpx; + +} + +.bodybutton .xc-good-friend { + background: #fab55a; + border-radius: 15rpx; +} + +.bodybutton .xc-home-page { + margin-top: 20rpx; + background-color: #e22b44; + border-radius: 15rpx; +} + +.xc-ellipsis-img { + width: 56rpx; + height: 56rpx; + padding-top: 15rpx; +} + +.xc-ptcomplete { + width: 74%; + height: 105rpx; + line-height: 105rpx; + float: right; + +} + +.xc-ptcomplete .xc-img-frame .img { + width: 105rpx; + height: 105rpx; + float: right; +} + +.xc-ptcomplete .xc-img-frame { + width: 205rpx; + height: 105rpx; + margin-top: 20rpx; +} + +.xc-ptcomplete .xc-end { + width: 283rpx; + text-align: right; +} + +.iw { + padding-right: 33rpx; +} + +.xc-ptcomplete .xc-img-frames { + width: 345rpx; + height: 105rpx; + margin-top: 20rpx; + +} + +.xc-ptcomplete .xc-img-frames .img { + width: 105rpx; + height: 105rpx; + float: right; +} + +.bodybutton .xc-good-friend.co-w { + background-color: #aeaeae +} + + + + + + + + + + + + + + + +.spec-model { + position: fixed; + bottom: 0; + z-index: 20; + background: white; + width: 100%; + /* padding: 0 30rpx; */ + font-size: 32rpx; + box-sizing: border-box; + border-radius: 20rpx; + height: 72%; +} + +.spec-model .pding { + padding: 0 30rpx; +} + +.spec-goods { + padding: 30rpx 0 20rpx; + float: left; + width: 100%; + border-bottom: 2rpx solid #eee; +} + +.spec-img { + float: left; + height: 186rpx; + width: 186rpx; + border: 4rpx solid #eee +} + +.spec-goods-info { + float: left; + padding: 0 25rpx; + width: 400rpx; +} + +.spec-goods-name { + font-size: 30rpx; + line-height: 35rpx; + height: 70rpx; + margin: 15rpx 20rpx 25rpx 0; + overflow: hidden; + text-overflow: ellipsis; + color: #333; +} + +.spec-goods-price { + color: #d60021; + font-size: 33rpx; + font-weight: bold; +} + +.spec-goods-stock { + margin-top: 3rpx; + font-size: 24rpx; + color: #999999; + margin-right: 15rpx; +} + +.spec-name { + clear: both; + padding: 20rpx 0; + font-size: 30rpx; + color: #333; +} + +.quhuo { + font-size: 30rpx; + color: #000 +} + +.b_num { + display: flex; + font-size: 30rpx; + color: #333; +} + +.count { + position: fixed; + display: flex; + height: 50rpx; + border: 1rpx solid #000; + font-size: 28rpx; + right: 30rpx; +} + + +.count>view, +.count>input { + width: 60rpx; + height: 50rpx; + line-height: 50rpx; + text-align: center; +} + +.spec_bt { + background: fff; + color: #333; + margin-left: 10rpx; + padding: 4rpx 15rpx 4rpx; + display: inline-block; + border-radius: 30rpx; + font-size: 24rpx; + border: 1rpx solid #ccc; + margin: 10rpx; + height: 40rpx; + line-height: 40rpx; +} + +.spec_bt.act { + background: #d60021; + color: #fff; + border: 1rpx solid #d60021; +} + +.sub { + border-right: 1px solid #000; +} + +.add { + border-left: 1px solid #000; +} + +.spec-btn { + color: black; + background-color: white; + padding: 10rpx 10rpx; + font-size: 26rpx; + line-height: 28rpx; + float: left; + border: 1rpx solid #dedede; + margin: 4rpx 10rpx 4rpx 0; + border-radius: 4rpx; +} + +.spec-btn-click { + color: white; + background-color: #f23030; + border: 1rpx solid #f23030; +} + +.spec-cart-btns { + width: 92%; + line-height: 70rpx; + margin: 0rpx auto; + margin-top: 160rpx; + border-radius: 20rpx; + position: fixed; + bottom: 50rpx; + left: 4%; + +} + +.spec-cart-btn { + + width: 100%; + font-size: 30rpx; + text-align: center; + color: white; + border-radius: 40rpx; +} + +.spec-add-cart { + background-color: #ffb03f; +} + +.spec-buy { + background-color: #f23030; + /* margin-left: 34rpx; */ +} + +.spec-cart-disable { + background: #bbbbbb; +} + +.spec-cart-btn-lg { + width: 614rpx; +} + +.prom-model { + position: fixed; + bottom: 0; + z-index: 20; + background: white; + width: 100%; + padding: 0 30rpx 30rpx; + font-size: 32rpx; + box-sizing: border-box; + overflow-x: hidden; +} + +.prom-model .prom-title { + text-align: center; + margin: 30rpx 0; +} + +.prom-model .logistics-item { + border: 0; } -.show_zf_dd{display: flex;padding: 15rpx 40rpx; justify-content: space-between; font-size: 30rpx;color: #666;} +.prom-model .item-mes { + width: 500rpx; +} + +.integral-btn { + width: 100%; + padding: 0rpx; + margin: 0rpx; +} + +.clear { + clear: both; +} + +.sto_v .title, +.sto_v .stitle { + border-top: 1rpx solid #dedede; + border-bottom: 1rpx solid #dedede; + height: 78rpx; + line-height: 78rpx; +} + +.sto_v .title .tubiao, +.sto_v .stitle .tubiao { + width: 32rpx; + height: 32rpx; + margin-top: 23rpx; +} + +.itemlists .item { + border-bottom: 1rpx solid #dedede; + height: 72rpx; + line-height: 72rpx; + font-size: 28rpx; + margin: 0 10rpx; +} + +.cshu { + margin-bottom: 30rpx; + margin-top: 20rpx; +} + +.cshu view { + color: #999; + font-size: 30rpx; + margin-left: 26rpx; +} + + +/*---活动特殊显示---*/ +.prom_show { + height: 120rpx; + display: flex; +} + +.prom_show .secondkill-img { + width: 100%; + height: 100%; +} + +.prom_show .spike-img { + width: 283rpx; + height: 57rpx; + top: 35rpx; + left: 31rpx; +} + +.prom_show .stop { + color: #d81731; + top: 17rpx; + right: 65rpx; + font-weight: 600; +} + +.prom_show .start { + color: #009ae2; + top: 17rpx; + right: 65rpx; + font-weight: 600; +} + +.prom_show .timeac { + font-size: 32rpx; + height: 120rpx; + color: #333; +} + +.prom_show .timeac.left { + width: 66%; + color: #fff; + background: #f23030; +} + +.prom_show .timeac.right { + width: 34%; + background-color: #d7d7d7; + text-align: center +} + +.prom_show .secview .day { + padding-right: 10rpx; +} + +.prom_show .secview .time-val { + width: 36rpx; + height: 36rpx; + border-radius: 7rpx; + line-height: 36rpx; +} + +.prom_show .secview .time { + margin-right: 10rpx; + margin-left: 10rpx; +} + + +.prom_show .timeac.left view { + margin-left: 20rpx +} -.flex_tou{ display: flex; justify-content: center; width: 100%;height:175rpx; -align-items:center;} -.xc-goods-details{ -width:479rpx; -margin-top:20rpx; -height:80rpx; -align-items:center; +.prom_show .timeac.left view.firview { + margin-top: 10rpx +} +.prom_show .timeac.left view .tr_line { + text-decoration: line-through; + font-size: 28rpx; } -.xc-valframe{ - border-radius:7rpx; -border:1rpx solid; -margin-top:3rpx; + +.prom_show .timeac.left view .bprice { + font-size: 50rpx; } -.xc-valframe .xc-frame-img{ - width:30rpx; -height:100%; -background:#e22b44; + +.prom_show .timeac.right view.firview { + margin-top: 12rpx; + margin-bottom: 10rpx } -.xc-valframe .xc-frame-img .picture{ - width:25rpx; -height:25rpx; -margin-top:4rpx; +.prom_show .timeac.right view.secview { + display: flex; + text-align: center; + justify-content: center; + flex-direction: row; } -.bodybutton .xc-good-friend{ -background:#fab55a;border-radius:15rpx; + +.prom_show .timeac.right view .tui-conutdown-box { + /* background: #6b6b6b; */ + width: auto; + /* min-width: 45rpx; */ + height: 45rpx; + color: #c4182e; + font-size: 27rpx; + text-align: center; + line-height: 46rpx; } -.bodybutton .xc-home-page{ -margin-top:20rpx;background-color: #e22b44;border-radius:15rpx; + +.huise { + background: gray +} + +.lanse { + background: #0199e2 } -.xc-ellipsis-img{ -width:56rpx; -height:56rpx; -padding-top:15rpx; + + +/*------拼单------*/ +.pt_view { + text-align: center; + width: 100%; + height: 100rpx; + line-height: 100rpx; + font-size: 26rpx } -.xc-ptcomplete{ - width:74%; -height:105rpx; -line-height:105rpx; -float:right; +.pt_view .secondkill-img { + width: 100%; + height: 100%; } -.xc-ptcomplete .xc-img-frame .img{ - width: 105rpx; - height: 105rpx; - float: right; + +.pt_fir { + background: #fff; + margin-bottom: 10rpx; } -.xc-ptcomplete .xc-img-frame{ - width:205rpx; - height: 105rpx; - margin-top:20rpx; + +.pt_fir .pt_fir_title { + display: flex; + align-items: center; + margin-left: 10rpx; + margin-top: 20rpx; + font-size: 28rpx; + position: relative; } -.xc-ptcomplete .xc-end{ - width:283rpx; -text-align:right; + +.pt_fir .pt_fir_title .kt_type { + color: #fff; + background: #e9030d; + width: 100rpx; + line-height: 40rpx; + border-radius: 6rpx; + margin: 0 10rpx; + height: 40rpx; + font-size: 24rpx; + text-align: center; } -.iw{ -padding-right:33rpx; + +.pt_fir .pt_fir_title .price { + color: #e9030d; + font-size: 26rpx; } -.xc-ptcomplete .xc-img-frames{ - width:345rpx; -height:105rpx; -margin-top:20rpx; +.pt_fir .pt_fir_title .bigw { + font-size: 36rpx; } -.xc-ptcomplete .xc-img-frames .img{ - width: 105rpx; - height: 105rpx; - float: right; + +.pt_fir .pt_fir_title .tprice { + text-decoration: line-through; + color: #949494 } -.bodybutton .xc-good-friend.co-w{ - background-color:#aeaeae -} \ No newline at end of file +.pt_fir .pt_fir_title .tprice.ml50 { + margin-left: 50rpx +} + +.pt_fir .pt_fir_title .js { + padding: 0 15rpx; + height: 40rpx; + background: #e9030d; + text-align: center; + border-radius: 8rpx; + color: #fff; + margin-left: 10rpx; +} + +.pt_fir .pt_fir_title .tuannum { + color: #e9030d; + position: absolute; + right: 20rpx; + font-size: 26rpx; +} + +.pding { + padding-top: 20rpx; + padding-left: 20rpx; + height: 81%; + padding-right: 20rpx; + font-size: 26rpx; + color: #ea120f +} + +.pdres { + margin-left: 10rpx; + color: #8f8f94 +} + +.ptgz { + position: relative; + font-size: 30rpx; + padding-left: 20rpx; + margin-top: 10rpx; + overflow: hidden +} + +.shuxian { + width: 6rpx; + height: 28rpx; + background: #ea120f; + display: inline-block; + top: 5rpx; + position: relative; + margin-right: 5rpx +} + +.ptgz_an { + position: absolute; + top: 5rpx; + right: 6rpx +} + +.ptgz_an .arrow-two { + width: 18rpx; + height: 18rpx; + border-color: #da0b31; + margin-top: 30rpx; +} + +.pt_fir.se { + height: auto; + margin-bottom: 10rpx +} + +.t_gz { + padding: 10rpx 20rpx; + font-size: 28rpx +} + +.pt_fir.se1 { + height: auto; + margin: 0 +} + +.pt_fir.se2 { + height: auto; + margin: 0; + border-top: 6rpx solid #eeeeee; + border-bottom: 2rpx solid #eeeeee; +} + +.pt_hb { + height: 78rpx; + line-height: 75rpx; + position: relative; + font-size: 32rpx; + overflow: hidden; + width: 695rpx; + margin-left: 28rpx; + border-bottom: 1rpx solid #E5E5E5 +} + +.ptgz_an.xq { + font-size: 32rpx; + color: #d40024 +} + +.wf { + display: flex; + padding: 20rpx 0; +} + +.wf .item { + width: 24.5%; + text-align: center; + font-size: 26rpx; + color: #666 +} + +.wf .item .item_txy { + position: relative; + width: 60rpx; + height: 60rpx; + background: #ea120f; + border-radius: 50%; + left: 50%; + margin-left: -30rpx; + border: 3px #dfdfdf solid; + text-align: center; + line-height: 60rpx; + color: #fff; + margin-bottom: 10rpx; +} + +.wf .item .item_txy.hs { + background: #cbcbcb; +} + +.po { + margin-bottom: 20rpx; +} + +.cart-btn.line-h { + line-height: 26rpx; +} + +.cart-btn .fir-v { + margin-top: 10rpx; +} + +.hyt { + padding: 0 20rpx; + font-size: 30rpx; + display: flex; + align-items: center; + margin-top: 10rpx; +} + +.hyt .r_f { + color: #e9120f; + font-size: 26rpx; + position: relative; + top: 3rpx +} + +.hyt .byj { + color: #e9120f; + font-size: 32rpx; + position: relative; + top: 5rpx +} + +.pt_fir .pt_fir_title.no-mar-b { + margin-bottom: 0; + padding-bottom: 10rpx; + margin-left: 20rpx +} + +.pt_fir .pt_fir_title.boder-1 { + border-bottom: 1rpx #e7e7e7 solid +} + +.jie_price { + padding: 10rpx 30rpx; +} + +.jie_price_title { + font-size: 30rpx; + color: #a26270; + margin-bottom: 10rpx +} + +.price_list { + display: flex; + width: 100%; +} + +.price_item { + width: 25%; + font-size: 28rpx; + color: #4c336c +} + +.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; +} + +.ckgd { + position: absolute; + top: 0; + right: 57rpx; + color: #d70025; + font-size: 32rpx; +} + +.ckgd .arrow-one { + width: 18rpx; + height: 18rpx; + border-color: #da0b31; + margin-top: 5rpx; +} + +.bview { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); +} + +.juzhong { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.juzhong .xq { + padding: 0 20rpx; + background: #fff; + font-size: 30rpx; + padding-bottom: 20rpx; +} + +.juzhong .xq .title { + text-align: center; + margin: 20rpx 0; + position: relative; + height: 50rpx; +} + +.juzhong .xq .hs1 { + font-size: 28rpx; + color: #ab8f9e +} + +.juzhong .xq .title .close { + position: absolute; + top: 0; + right: 0; + width: 45rpx; + height: 45rpx; +} + +.pt_qd { + margin-top: 40rpx; + height: auto; +} + +.spec-cart-btn.w100 { + width: 95%; + margin-left: 0; + height: 75rpx; + line-height: 75rpx; + margin: auto; +} + +.sto_v { + color: #333; +} + +.ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + + + + +/* 房子图标 */ +.stores-img { + width: 40rpx; + height: 35rpx; + margin-right: 10rpx; +} + +.right-arrow { + width: 15rpx; + height: 15rpx; + border-top: 2rpx solid #d70026; + border-right: 2rpx solid #d70026; + transform: rotate(45deg); + display: inline-block; + margin-bottom: 3rpx; +} + +.distance{ + padding-left: 15rpx; + padding-right: 15rpx; + background: #eee; + border-radius: 20rpx; + margin-right: 5rpx; + color: #999; + height: 38rpx; + line-height: 38rpx; +} + +.shop_name{ + margin-right: 10rpx; +} + +.xc-distance-top{ + margin-top: 10rpx; +} + + +.popup-frame{ + position: fixed; + /* bottom:99rpx; */ + bottom: 0; + z-index: 20; + background: white; + width: 100%; + border-radius: 20rpx 20rpx 0 0; + height: 72%; +} + +.popup-top{ + border-bottom: 1rpx solid #eee; + height: 155rpx; + width: 95%; + margin: auto; + line-height: 155rpx; + +} + + +/* .flex-space-between{ + display: flex; + justify-content:space-between; +} */ + +.modal-closes { + position: absolute; + right: 30rpx; + top: -15rpx; + height: 25rpx; +} + +.choose_mores{ + margin-top: 30rpx; + margin-right: 15rpx; +} + +.bg_rights{ + border-top: 2rpx solid ; + border-right: 2rpx solid ; + transform: rotate(45deg); + display: inline-block; + width: 15rpx;height:15rpx; + border-color: #da0b31; +} + + +.mongolia-layer{ + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 11; + background: rgba(0,0,0,0.4); + width: 100%; + height: 91.9%; +} + + + + +.store-list{ + width: 95%; + height: 72%; + overflow-y: scroll; + margin: auto; +} + +.store-list .store_choose{ + width: 100%; + height: 120rpx; + line-height: 125rpx; + border-bottom: 1rpx solid #eee; +} + +.store-list .store_choose .store{ + width: 100%; + margin: auto; + line-height: 37rpx; + padding-left: 20rpx; +} + +.xc-hook{ + width: 35rpx; + height: 35rpx; + transform: rotate(-145deg); + line-height: 37rpx; + text-align: center; +} + +.butttem5{ + margin-bottom: 5rpx; +} + +.address-frame{ + width: 93%; + margin-left: 7rpx; +} + +.store-bottom{ + width: 85%; + margin: auto; + height: 70rpx; + } + + .determine{ + width: 260rpx; + height: 55rpx; + border-radius: 50rpx; + line-height: 55rpx; + } + + .default{ + width: 260rpx; + height: 55rpx; + border:3rpx solid #c8c8c8; + border-radius: 50rpx; + line-height: 55rpx; + } + + .sort_store_list .sort-store-frame .sort-store { + width: 94.5%; + margin: auto; + } + + + .sort_store_list .sort-store-frame{ + width: 100%; + height: 100rpx; + line-height:100rpx; + border-bottom: 1rpx solid #eee; + } + + .black_rights-frame .black_rights{ + border-top: 3rpx solid; + border-right: 3rpx solid; + transform: rotate(45deg); + display: inline-block; + width: 20rpx; + height: 20rpx; + } + + + .sort_store_list{ + height: 82%; + overflow: hidden; + overflow-y: scroll; + width: 95%; + margin: auto; + } + + .xc-hooks{ + width: 30rpx; + height: 30rpx; + border: 1rpx solid #999; +} -- libgit2 0.21.4