🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] # 详情页 ## banner图 字段: ``` {{goods.thumbs}} 数组 ``` 位置 / 查找 ``` pages/goods/detail/index / goods-advs ``` ## 标题 字段: ``` {{goods.title}} //主标题 {{goods.subtitle}} /副标题 ``` 位置 / 查找 ``` goods/detail/index / 详情start ``` ## 喜欢 字段: ``` {{view}} js 设置 view: result.goods.view, ``` 位置 / 查找 ``` goods/detail/index / {{view}} ``` ##价格 字段 ``` {{goods.marketprice}} ``` 位置/查找 ``` pages/goods/detail/index / class="text-danger" ``` ## 正品保证 字段 ``` 条件字段: wx:if="{{goods.hasServices || goods.labelname}}" {{item}} for----{{labels.list}} labels: result.goods.labels, ``` 位置/查找 ``` pages/goods/detail/index <block wx:for="{{labels.list}}"> <span> <icon class='icox icox-duihao1' wx:if="{{labels.style<2}}"></icon> <text>{{item}}</text> </span> </block> ``` ## 规格选择 字段 ``` wx:for="{{pickerOption.specs}}"--->wx:for="{{spec.items}}" {{idx==0?spec.items[options1].title:idx==1?spec.items[options1].title:spec.items[options2].title}} 选择的色号 wx-if="{{item.type == '3'}}" item.type 表示什么???? specsData :选中的规格 ``` 位置/查找 ``` pages/common/goods-picker.wxml / option-picker-options pickerOption查找 var specss = $this.data.pickerOption.specs; ``` ## 底部导航 > goods.canbuy 控制底部导航 字段 ``` {{cartcount}} {{cartcount && limits}} ``` ### 加入购物车 字段 ``` {{goods.id}} ``` ![](https://img.kancloud.cn/0f/44/0f44c00b173abc1333f5f0970b639a6a_330x98.png) ![](https://img.kancloud.cn/c0/61/c061b79f3b700c7a96c8267dfc69f58a_268x93.png) ## 你可能会喜欢 字段 ``` for--->wx:for="{{recom}}" {{item.thumb}} {{item.title}} {{item.productprice}} ``` 位置/查找 ``` pages/goods/detail/index <!-- 详情页可能喜欢 --> 字段接口位置 : goods/recom[] ``` ## 详情图片 > <!--商品详情start--> > <import src="/utils/wxParse/wxParse.wxml" /> > <template is="wxParse" data="{{wxParseData:wxParseData.nodes}}" /> 字段 ``` js parser.wxParse('wxParseData_contentsecond', 'html', result.goods.contentsecond, $this, '0'); parser.wxParse('wxParseData', 'html', result.goods.content, $this, '0'); parser.wxParse('wxParseData_buycontent', 'html', result.goods.buycontent, $this, '0'); ``` 位置/查找 ``` :utils/wxParse/wxParse.wxml ```