card-mini/pages/index/index.wxml

<cu-custom id="head" isCustom="{{false}}" isBack="{{false}}" isIndex="{{true}}">
  <view slot="content">{{nameTxt}}</view>
</cu-custom>
<view wx:if="{{dataList.length>0}}">
  <!-- 栏目组 -->
  <view wx:for="{{dataList}}" wx:key="index">
    <view class="flex flex-direction  margin-sm">
      <!-- 栏目 -->
      <view class="catelog-title" data-item="{{item}}" bindtap="showMore">
        <view class="action">
          <view class="title intro-title">
            <text class="cuIcon-vipcard"></text>
            <text> {{item.name}}</text>
          </view>
        </view>
        <view class="action">
        </view>
      </view>
      <view wx:for="{{item.list}}" wx:for-index="idx" wx:key="idx" wx:for-item="it"
        class="padding-lef-sm padding-right-sm bg-white radius flex flex-direction" style="width:100%;">
        <!-- 栏目数据 -->
        <view wx:for="{{it.list}}" wx:for-index="i" wx:for-item="child" wx:key="i">
          <!-- 具体数据 -->
          <!-- 文本 -->
          <view wx:if="{{child.dataType=='1'}}" class="align-center">
            <view class="cu-bar bg-white">
              <view class="action">
                <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
              </view>
            </view>
            <view class="bg-white">
              <view class="cu-form-group">
                <view id="content" class="padding-left-xs padding-right-xs margin-left-xs margin-right-xs"
                  style="line-height:40rpx;">
                  {{child.value}}
                </view>
              </view>
            </view>
          </view>
          <!-- 图片 -->
          <view wx:if="{{child.dataType=='2'}}">
            <view class="cu-bar bg-white">
              <view class="action">
                <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
              </view>
            </view>
            <view class="cu-form-group padding-sm">
              <view class="grid col-4 grid-square flex-sub">
                <view class="bg-img" wx:for="{{child.valueList}}" wx:key="d" wx:for-item="photo" catchtap="viewImg"
                  data-url="{{photo.path}}">
                  <image src='{{photo.path}}' mode='scaleToFill'></image>
                </view>
              </view>
            </view>
          </view>
          <!-- 视频 -->
          <view wx:if="{{child.dataType=='4'}}">
            <view class="cu-bar bg-white">
              <view class="action">
                <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
              </view>
            </view>
            <view class="cu-form-group margin-top-sm padding-sm" style="border:1rpx solid #f9f9f9;border-radius:10rpx;">
              <view class="grid col-{{count>3 ? count : 1}} grid-square flex-sub">
                <view class="bg-img" wx:for="{{child.valueList}}" wx:for-index="d" wx:key="d" wx:for-item="video"
                  catchtap="viewVideo" style="{{count > 3 ? '' :'height:280rpx;width:100%;padding-bottom:0px;'}}"
                  data-url="{{video.path}}">
                  <image style="width:100%;height:100%;" src='{{video.imgPath}}' mode='scaleToFill'></image>
                  <view class="{{count > 3 ? 'play-box-arrow-pos':'play-box-arrow-flex'}}">
                    <image src="/images/ic_video_play.png" mode="scaleToFill"
                      style="{{count > 3 ? 'width:32px;height:32px':'height:64px;width:64px;'}}"></image>
                  </view>
                </view>
              </view>
            </view>

          </view>
          <!-- 音频 -->
          <view wx:if="{{child.dataType=='3'}}" style="width:100%;">
            <view class="cu-bar bg-white">
              <view class="action">
                <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
              </view>
            </view>
            <view class="cu-form-group padding-sm">
              <view class="flex align-center shadow-box margin-top-xs" style="width:100%;" wx:for="{{child.valueList}}"
                wx:for-index="a" wx:key="a" wx:for-item="audio">
                <image src="/images/ic_user_default.png" mode="scaleToFill" style="width:80rpx;height:80rpx;">
                </image>
                <view class="play-box">
                  <view class="flex justify-between align-center" style="width:80%;">
                    <text>{{audio.curDurationStr}}</text>
                    <slider class="flex-sub" bindchange="slider4change" min="{{0}}" max="{{audio.duration}}"
                      value="{{audio.curDuration}}" backgroundColor="#cacaca" activeColor="#1296db"
                      data-index="{{index}}" data-idx="{{idx}}" data-i="{{i}}" data-item="{{audio}}" data-a="{{a}}"
                      block-size="14" block-color="#1296db" />
                    <text>{{audio.totalDurationStr}}</text>
                  </view>
                  <view class="flex justify-between" style="width:80%;">
                    <image src="/images/ic_audio_rewind.png" mode="scaleToFill" data-index="{{index}}"
                      data-idx="{{idx}}" data-a="{{a}}" data-i="{{i}}" data-item="{{audio}}" catchtap="rewind"></image>
                    <image src="{{audio.isPlay ? '/images/ic_audio_playing.png':'/images/ic_audio_play.png'}}"
                      mode="scaleToFill" catchtap="play" data-index="{{index}}" data-i="{{i}}" data-idx="{{idx}}"
                      data-a="{{a}}" data-item="{{audio}}"></image>
                    <image src="/images/ic_audio_speed.png" mode="scaleToFill" catchtap="speed" data-index="{{index}}"
                      data-a="{{a}}" data-idx="{{idx}}" data-i="{{i}}" data-item="{{audio}}"></image>
                  </view>
                </view>
              </view>
            </view>

          </view>
          <!-- 地图定位 -->
          <view wx:if="{{child.dataType=='6'}}">
            <view class="cu-bar bg-white">
              <view class="action">
                <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
              </view>
            </view>
            <view class="padding-sm">
              <view wx:for="{{child.valueList}}" wx:key="mindex" wx:for-index="mindex" wx:for-item="m"
                style="width:100%;" class="margin-top-xs">
                <view class="flex justify-between">
                  <view>
                  </view>
                  <view></view>
                </view>
                <view style="border-radius:10rpx;overflow:hidden;margin-top:10rpx;">
                  <map style="width:100%;height:300rpx;" longitude="{{m.longitude}}" latitude="{{m.latitude}}"
                    scale="12" enable-scroll="{{false}}" enable-zoom="{{false}}" enable-rotate="{{false}}"
                    enable-traffic="{{false}}" markers="{{[{latitude:m.latitude,longitude:m.longitude}]}}"></map>
                </view>
              </view>
            </view>
          </view>
          <!-- 文本域 -->
          <view wx:if="{{child.dataType == '7'}}">
            <view class="cu-bar bg-white">
              <view class="action">
                <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
              </view>
            </view>
            <view class="bg-white">
              <view class="cu-form-group">
                <view id="content" class="padding-left-xs padding-right-xs margin-left-xs margin-right-xs"
                  style="line-height:40rpx;">
                  {{child.value}}
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<view wx:else style="margin-top:200rpx;width:100%;">
  <van-empty description="暂无数据" image="/images/ic_empty_data.png" />
</view>