[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
```