diff --git a/pages/goods/goodsInfo/goodsInfo.js b/pages/goods/goodsInfo/goodsInfo.js index 2c273f7..b121061 100644 --- a/pages/goods/goodsInfo/goodsInfo.js +++ b/pages/goods/goodsInfo/goodsInfo.js @@ -25,7 +25,7 @@ Page({ color_type:0,//线条控制 color_type_one:0, color_type_two:1, - + gid: "", stoid: o.stoid, url: o.url, @@ -204,6 +204,9 @@ Page({ //是否点赞中 iszaning: 0, + + store:0,//选择更多 + index:1 }, //------初始化加载---------- @@ -2642,6 +2645,13 @@ Page({ } } }) - } - + }, + // 选择门店 + choice_store:function(){ + this.setData({store:1}) +}, + //关闭选择门店 +close_popup:function(){ + this.setData({ store: 0}) +} }); \ No newline at end of file diff --git a/pages/goods/goodsInfo/goodsInfo.wxml b/pages/goods/goodsInfo/goodsInfo.wxml index 457321e..b17348b 100644 --- a/pages/goods/goodsInfo/goodsInfo.wxml +++ b/pages/goods/goodsInfo/goodsInfo.wxml @@ -253,7 +253,7 @@ - 销量:{{data.sales_sum}}件 + 销量:{{data.sales_sum}}件 折扣:{{data.disc}}折 {{categories3[0].num}}人评价 @@ -272,7 +272,7 @@ - + {{data.goods_name}} @@ -299,6 +299,35 @@ + + + + + + + + 选择附近门店 + + + 更多门店 + + + + + + 泉州开源盛世 + 暂无库存 + + + 距离:3754m + + + 地址:福建省泉州市鲤城区软件园4栋4层 + + + + + @@ -983,6 +1012,65 @@ + + + + + + 附近的门店 + + + + + + 选择更多门店 + + + + + + + + + + Г + + + + + + + + + 开源盛世广场店 + 库存剩余数量:{{index}} + + + 距离:3754m + + + 地址:福建省泉州市鲤城区软件园4栋4层 + + + + + + + + + + + 确定 + + + 设为默认 + + + + + + + diff --git a/pages/goods/goodsInfo/goodsInfo.wxss b/pages/goods/goodsInfo/goodsInfo.wxss index fe8c3ef..a70e322 100644 --- a/pages/goods/goodsInfo/goodsInfo.wxss +++ b/pages/goods/goodsInfo/goodsInfo.wxss @@ -321,6 +321,8 @@ image { height: 100rpx; background-color: #fff; text-align: center; + z-index: 9; + } .join-cart>view { @@ -355,7 +357,7 @@ image { .cart-num { position: absolute; left: 50%; - top: 0; + top: 1rpx; width: 40rpx; height: 40rpx; line-height: 40rpx; @@ -368,11 +370,18 @@ image { .cart-btn { font-size: 28rpx; color: #fff; - line-height: 100rpx; + line-height: 60rpx; + margin-top:16rpx; + } .join-btn { background-color: #ffb03f; + height: 70rpx; +border-radius: 55rpx 0rpx 0rpx 55rpx; +margin-top: 16rpx; + + } view.cart-btn-lg { @@ -381,6 +390,9 @@ view.cart-btn-lg { .buy-btn { background-color: #f23030; + height: 70rpx; +border-radius: 0 56rpx 55rpx 0; + } .toTop { @@ -741,7 +753,7 @@ left:31rpx;} .wf .item .item_txy.hs{ background: #cbcbcb;} .po{margin-bottom: 20rpx;} -.cart-btn.line-h{ line-height: 40rpx;} +.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;} @@ -927,7 +939,7 @@ left:31rpx;} border-bottom: 3rpx solid #eee; border-top: 3rpx solid #eee; line-height: 100rpx } .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 0 34rpx; color: #333; - font-size: 32rpx; height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:31rpx } + font-size: 32rpx; height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx } .red_bb{ color: #d70026; min-width:158rpx;width: auto;} .bg_jj{ width: 18rpx; height:18rpx; border-top: 2rpx solid #d70026; @@ -1139,7 +1151,7 @@ left:31rpx;} width: 100%; height: 42rpx; padding-left: 34rpx; - color: #948485; + color: #333; } .xc_comment-have-pictures{ @@ -1266,7 +1278,7 @@ left:31rpx;} height: 100%; line-height: 100rpx; overflow: hidden; - margin-left: 7rpx; + margin-left: 10rpx; } .xc-coupon-fram{ position: relative; @@ -1306,7 +1318,7 @@ left:31rpx;} padding-left:15rpx; color: #d70025; position: absolute; - right: 7rpx; + right: 5rpx; } /* 自定义弹出窗口 */ @@ -2226,4 +2238,158 @@ right:17rpx; top:55rpx; line-height:15rpx; } -.no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} \ No newline at end of file +.no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} +/* 门店地址 */ +.xc-address_frame{ + border-top:1rpx solid #eee; + width: 100%; + height: 170rpx; +} +.xc-address_frame .address_frame{ + width: 92%; +padding-left: 10rpx; +margin: auto; + +} +.shop_name{ + +} +.stores-img{ +width: 40rpx; + height: 35rpx; + margin-right: 10rpx; +} +.shop_name{ + margin-right: 10rpx; +} +.address{ + width: 87%; +} +.distance{ + padding-left: 15rpx; + padding-right: 15rpx; + background: #eee; + border-radius: 20rpx; +} +/* 选择门店的弹窗 */ +.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%; + +} +.popup-frame{ + position: fixed; +bottom:99rpx; +z-index: 20; +background: white; +width: 100%; +border-radius: 20rpx 20rpx 0 0; +height: 55%; +} +.popup-top{ + border-bottom: 1rpx solid #eee; + height: 120rpx; + width: 95%; + margin: auto; + line-height: 120rpx; + +} +.bg_rights{ + border-top: 2rpx solid ; + border-right: 2rpx solid ; + transform: rotate(45deg); + display:inline-block; + width:15rpx;height:15rpx; + border-color:#da0b31; +} +.modal-closes { + position: absolute; + right: 30rpx; +} +.choose_more{ + margin-top: 30rpx; + margin-right: 20rpx; + +} +.store-list{ + width: 95%; + height: 428rpx; + overflow-y: scroll; + overflow: hidden; + margin: auto; + +} +.store-list .store_choose{ + width: 100%; + height: 100rpx; + line-height: 100rpx; + border-bottom: 1rpx solid #eee; + +} +.store-list .store_choose .store{ +width: 100%; +margin: auto; +line-height: 37rpx; +padding-left: 20rpx; + +} +.xc-hook{ + width: 30rpx; + height: 30rpx; + transform: rotate(-145deg); +line-height: 32rpx; +text-align: center; +} + .xc-hooks{ + width: 30rpx; + height: 30rpx; + border: 3rpx solid #999; + } + .address-frame{ + width: 93%; +margin-left: 7rpx; + + } + .nearby_store{ +margin-left: 17rpx; + } + .address_name{ + margin-right: 10rpx; + + } + .address-val{ + height: 30rpx; +line-height: 30rpx; + + } + .store-bottom{ + width: 85%; + margin: auto; + height: 115rpx; + + } + .determine{ + width: 280rpx; + height: 44rpx; + border-radius: 50rpx; + line-height: 44rpx; + } + .default{ + width: 280rpx; + height: 44rpx; + border:3rpx solid #444; + border-radius: 50rpx; + line-height: 44rpx; + } + .store-bottom-frame{ + width: 95%; + border-top: 3rpx solid #eee; + margin: auto; + } \ No newline at end of file