wxminiprogram-renlian/pages/detail/detail.wxml

<!--detail.wxml-->
<view class="container">
    <view class="art-header">
        <view class="auto-title">
            <text>{{productOverview.tiele}}</text>
        </view>
        <view class="auto-text">
            <text>{{productOverview.text}}</text>
        </view>
    </view>
    <view class="art-content">
        <view class="auto-title">
            <text>{{productAppearance.title}}</text>
        </view>
        <view class="auto-text">
             <image src="{{productAppearance.image}}"></image>
        </view>
        <view class="auto-title">
            <text>{{productCharacteristics.title}}</text>
        </view>
        <view class="auto-text">
             <view wx:for="{{productCharacteristics.array}}" wx:for-item="item">
                <view><text>{{item.text}}</text></view>
             </view>
        </view>
         <view class="auto-title">
              <text>{{productSpecification.text}}</text>
         </view>
         <view wx:for="{{productSpecification.array}}" wx:for-item="item">
             <view class="caption"><text>{{item.text}}</text></view>
             <view class="table" wx:for="{{item.array}}" wx:for-item="tableitem">
                   <view class="tr">
                       <view class="td td1">{{tableitem.key}}</view>
                       <view class="td td3">{{tableitem.value}}</view>
                   </view>
             </view>
         </view>
         <view class="auto-title">
             <text>{{relatedProducts.text}}</text>
         </view>
         <view class="auto-text">
                <view wx:for="{{relatedProducts.array}}" wx:for-item="item">
                    <image src="{{item.image}}"></image>
                     <view class="caption"><text>{{item.text}}</text></view>
                </view>
         </view>
         <view class="auto-title">
             <text>{{relatedApplications.text}}</text>
         </view>
         <view class="auto-text">
              <view wx:for="{{relatedApplications.array}}" wx:for-item="item">
                 <view><text>{{item.text}}</text></view>
              </view>
         </view>
          <view class="auto-text">
                 <view wx:for="{{relatedBottomArray.array}}" wx:for-item="item">
                     <image src="{{item.image}}"></image>
                      <view class="caption"><text>{{item.text}}</text></view>
                 </view>
          </view>
          <view class="auto-text">
                <view wx:for="{{relatedBottomImageArray.array}}" wx:for-item="item">
                      <image src="{{item.image}}"></image>
                </view>
          </view>

          <view class="auto-title"><text>{{productBottom.title}}</text></view>
          <view class="auto-text">
               <view class="caption"><text>{{productBottom.address}}</text></view>
               <view class="caption"><text>{{productBottom.url}}</text></view>
               <view class="caption"><text>{{productBottom.phone}}</text></view>
               <view class="caption"><text>{{productBottom.email}}</text></view>
          </view>
    </view>
</view>