diff --git a/pages/goods-detail/goods-detail.css b/pages/goods-detail/goods-detail.css index 0aab7ad2..3c39b5cc 100644 --- a/pages/goods-detail/goods-detail.css +++ b/pages/goods-detail/goods-detail.css @@ -335,6 +335,15 @@ } .goods-parameters .content-item .item:nth-child(2n) { float: right; +} +/** + * 商品参数弹窗 + */ +.popup-params-container .item .name { + width: 220rpx; +} +.popup-params-container .item .value { + width: calc(100% - 240rpx); } /* diff --git a/pages/goods-detail/goods-detail.vue b/pages/goods-detail/goods-detail.vue index 6e6ae6e0..49544df2 100644 --- a/pages/goods-detail/goods-detail.vue +++ b/pages/goods-detail/goods-detail.vue @@ -189,15 +189,11 @@ - - - - - {{item.name}}: - {{item.value}} - - - + + + + {{item.value}} + @@ -279,12 +275,17 @@ - - - {{item.name}}: - {{item.value}} - - + + + + {{item.name}}: + {{item.value}} + + + + + 查看全部参数 >> + @@ -376,7 +377,31 @@ - + + + + + + + + + + + + + + {{item.name}} + {{item.value}} + + + + + 无参数数据 + + + + + @@ -583,6 +608,9 @@ top_nav_title_scroll: true, top_nav_title_timer: null, top_nav_title_data: [], + // 详情参数弹窗 + popup_params_status: false, + popup_params_type_field: 'base', // 自定义分享信息 share_info: {}, // 限时秒杀插件 @@ -1205,6 +1233,21 @@ app.globalData.operation_event(e); this.setData({nav_more_status: false}); }, + + // 商品参数开启弹层 + popup_params_event(e) { + this.setData({ + popup_params_status: true, + popup_params_type_field: e.currentTarget.dataset.value || 'base' + }); + }, + + // 商品参数关闭弹层 + popup_params_close_event(e) { + this.setData({ + popup_params_status: false + }); + }, // 批发开启弹层 popup_wholesale_event(e) {