diff --git a/pages/goods_details/index.vue b/pages/goods_details/index.vue index b98463e7..07e0f899 100644 --- a/pages/goods_details/index.vue +++ b/pages/goods_details/index.vue @@ -12,7 +12,7 @@ - @@ -48,7 +48,7 @@ 赠送 {{productInfo.give_integral}} 积分 --> - + @@ -59,7 +59,8 @@ - + + 活   动: + {{ attrValue.length > 0 ? "已选择" : "请选择" }}: {{attrValue}} + @@ -105,7 +108,7 @@ - + @@ -154,6 +157,7 @@ + -
+ + +
+
+
- -
-
+ + + + + +
+
- -
-
- -
-
-
+ + + + +
+
+ + +
+
+
+
- + + - + + - + @@ -308,7 +325,6 @@ import { getQrcode } from '@/api/api.js'; - import {convertProductPropertyList, convertProductSkuMap} from "../../utils/product"; // #endif let app = getApp(); export default { @@ -326,81 +342,80 @@ }, data() { return { - //属性是否打开 + // 属性是否打开 TODO 待实现 coupon: { coupon: false, type: 1, list: [], count: [] }, - animated: false, //购物车动画 - id: 0, //商品id - replyCount: 0, //总评论数量 - reply: [], //评论列表 - productInfo: {}, // 商品详情 TODO 芋艿:准备移除 + id: 0, // 商品 id + productInfo: {}, // 商品详情 TODO 芋艿:准备移除 spu: {}, // 商品 SPU 详情 - skuMap: [], // 商品 SKU Map - couponList: [], //优惠券 - cart_num: 1, //购买数量 - isAuto: false, //没有授权的不会自动授权 - isShowAuth: false, //是否隐藏授权 - isOpen: false, //是否打开属性组件 - actionSheetHidden: true, - storeImage: '', //海报产品图 - PromotionCode: '', //二维码图片 - posterbackgd: '/static/images/posterbackgd.png', - sharePacket: { - isState: true, //默认不显示 - }, //分销商详细 - // uid: 0, //用户uid - circular: false, - autoplay: false, - interval: 3000, - duration: 500, - clientHeight: "", - systemStore: {}, //门店信息 - good_list: [], - replyChance: 0, - CartCount: 0, - isDown: true, - posters: false, - weixinStatus: false, + skuMap: [], // 商品 SKU Map attrValue: '', // 已选属性名的拼接,例如说 红色,大 这样的格式 attr: { // productWindow 组件,使用该属性 - cartAttr: false, // 是否打开属性的选择弹出 + cartAttr: false, // 是否打开属性的选择弹出 // ↓↓↓ 属性数组,结构为:id = 属性编号;name = 属性编号的名字;values[].id = 属性值的编号,values[].name = 属性值的名字;index = 选中的属性值的名字 - properties: [], + properties: [], productSelect: {} // 选中的 SKU + }, + CartCount: 0, // 购物车数量 + animated: false, // 购物车动画 + replyCount: 0, // 总评论数量 TODO 芋艿:回复,待实现 + reply: [], // 评论列表 + replyChance: 0, // TODO 芋艿:评论相关,待接入 + userCollect: false, + couponList: [], // 优惠券 TODO 芋艿:待实现 + cart_num: 1, // 购买数量 TODO 芋艿:待实现 + isAuto: false, // 没有授权的不会自动授权 TODO 芋艿:待实现 + isShowAuth: false, // 是否隐藏授权 TODO 芋艿:待实现 + isOpen: false, // 是否打开属性组件 TODO 芋艿:是不是可以移除,貌似和 attr.cartAttr 重复 + actionSheetHidden: true, // TODO 芋艿:没搞懂 + storeImage: '', // 海报产品图 // TODO 芋艿:没搞懂 + PromotionCode: '', // 二维码图片 // TODO 芋艿:没搞懂 + posterbackgd: '/static/images/posterbackgd.png', // TODO 芋艿:没搞懂 + sharePacket: { // 分销商详细 + isState: true, // 默认不显示 // TODO 芋艿:没搞懂 }, - navActive: 0, - H5ShareBox: false, //公众号分享图片 - activityH5: [], - retunTop: true, //顶部返回 - navH: "", - navList: [], - opacity: 0, - scrollY: 0, - topArr: [], - toView: '', - height: 0, - heightArr: [], - lock: false, - scrollTop: 0, - tagStyle: { + circular: false, // TODO 芋艿:没搞懂 + autoplay: false, // TODO 芋艿:没搞懂 + interval: 3000, // TODO 芋艿:没搞懂 + duration: 500, // TODO 芋艿:没搞懂 + clientHeight: "", // TODO 芋艿:没搞懂 + systemStore: {}, // 门店信息 TODO 芋艿:后面搞 + good_list: [], // TODO 芋艿:优品推荐 + isDown: true, // TODO 芋艿:分销 + posters: false, // TODO 芋艿:海报 + weixinStatus: false, // TODO 芋艿:微信分享 + H5ShareBox: false, // 公众号分享图片 TODO 芋艿:微信分享 + activityH5: [], // TODO 芋艿:活动? + retunTop: true, // 顶部返回 TODO 芋艿:貌似没啥用 + navH: "", // 头部 nav 高度 + navList: [], // 头部 nav 列表 + navActive: 0, // 选中的 nav 下标 + opacity: 0, // TODO 芋艿:没搞懂;滚动相关 + scrollY: 0, // TODO 芋艿:没搞懂;滚动相关 + topArr: [], // TODO 芋艿:没搞懂;滚动相关 + toView: '', // TODO 芋艿:貌似没啥用 + height: 0, // TODO 芋艿:没搞懂;滚动相关 + heightArr: [], // TODO 芋艿:没搞懂;滚动相关 + lock: false, // TODO 芋艿:没搞懂;滚动相关 + scrollTop: 0, // TODO 芋艿:没搞懂;滚动相关 + tagStyle: { // 商品描述的样式 img: 'width:100%;display:block;', table: 'width:100%', video: 'width:100%' }, - qrcodeSize: 600, - canvasStatus: false, //是否显示海报 - imagePath: '', //海报路径 - imgTop: '', - errT: '', - homeTop: 20, - navbarRight: 0, - userCollect: false, - returnShow: true, //判断顶部返回是否出现 - type: "" //视频号普通商品类型 + qrcodeSize: 600, // TODO 芋艿:海报相关 + canvasStatus: false, // 是否显示海报 TODO 芋艿:海报相关 + imagePath: '', // 海报路径 TODO 芋艿:海报相关 + imgTop: '', // TODO 芋艿:海报相关 + errT: '', // TODO 芋艿:海报相关 + homeTop: 20, // TODO 芋艿:头部相关 + navbarRight: 0, // TODO 芋艿:头部相关 + returnShow: true, // 判断顶部返回是否出现 // TODO 芋艿:头部相关 + type: "" // 视频号普通商品类型 TODO 待实现 }; }, computed: mapGetters(['isLogin', 'uid', 'chatUrl']), @@ -1020,7 +1035,8 @@ }, /** * 获取购物车数量 - * @param boolean 是否展示购物车动画和重置属性 + * + * @param isAnima 是否展示购物车动画和重置属性 */ getCartCount: function(isAnima) { let that = this; @@ -1028,7 +1044,7 @@ if (isLogin) { getCartCounts(true, 'total').then(res => { that.CartCount = res.data.count; - //加入购物车后重置属性 + // 加入购物车后重置属性 if (isAnima) { that.animated = true; setTimeout(function() {