<cu-custom isBack="{{true}}">
    <view slot="content">{{title}}</view>
</cu-custom>
<view wx:if="{{dataList.length>0}}" style="margin-bottom:100rpx;">
    <view id="it" class="flex flex-direction bg-white margin-sm radius padding-sm" wx:for="{{dataList}}" wx:key="index"
        data-index="{{index}}" bindtap="editMoment">
        <view class="flex justify-between padding-xs align-center">
            <view class="text-black text-df text-bold ">
                发表时间:{{item.gmtCreate}}
            </view>
            <image src="../../../images/ic_squareness_del.png" mode="scaleToFill" style="width:48rpx;height:48rpx;"
                data-index="{{index}}" catchtap="delItem"></image>
        </view>
        <view wx:for="{{item.list}}" wx:for-index="idx" wx:key="idx" wx:for-item="child">
            <!-- 文本 -->
            <view wx:if="{{child.dataType=='1'}}">
                <view class="cu-bar bg-white">
                    <view class="action">
                        <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'}}" class="cu-form-group margin-top-xs">
                <view class="grid col-4 grid-square flex-sub">
                    <view class="bg-img" wx:for="{{child.valueList}}" wx:key="index" wx:for-item="photo"
                        catchtap="viewImg" data-url="{{photo.path}}">
                        <image src='{{photo.path}}' mode='scaleToFill'></image>
                    </view>
                </view>
            </view>
            <!-- 视频 -->
            <view wx:if="{{child.dataType=='4'}}" class="cu-form-group margin-top-sm" style="border:1rpx solid #eee;">
                <view class="grid col-{{count>3 ? count : 1}} grid-square flex-sub">
                    <view class="bg-img" wx:for="{{child.valueList}}" wx:key="index" 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:48px;width:48px;'}}"></image>
                        </view>
                    </view>
                </view>
            </view>
            <!-- 音频 -->
            <view wx:if="{{child.dataType=='3'}}" style="width:100%;">
                <view class="flex align-center shadow-box margin-top-xs" style="width:100%;"
                    wx:for="{{child.valueList}}" wx:for-index="i" wx:key="i" 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}}"
                                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-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-item="{{audio}}"></image>
                            <image src="/images/ic_audio_speed.png" mode="scaleToFill" catchtap="speed"
                                data-index="{{index}}" data-idx="{{idx}}" data-i="{{i}}" data-item="{{audio}}"></image>
                        </view>
                    </view>
                </view>
            </view>
            <!-- 地图定位 -->
            <view wx:if="{{child.dataType=='6'}}">
                <view wx:for="{{child.valueList}}" wx:key="index" 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 wx:if="{{child.dataType == '7'}}" class=" margin-top-xs">
                <view class="cu-bar bg-white">
                    <view class="action">
                        <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=='8'}}" class="margin-top-xs">
                <view class="cu-bar bg-white">
                    <view class="action">
                        <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.selValue}}
                        </view>
                    </view>
                </view>
            </view>
            <!-- 多选 -->
            <view wx:if="{{child.dataType=='9'}}" class="margin-top-xs">
                <view class="cu-bar bg-white">
                    <view class="action">
                        <text>{{child.comment}}</text>
                    </view>
                </view>
                <view class="cu-capsule radius" wx:for="{{child.dictionariesList}}" wx:key="index">
                    <view wx:if="{{item.isSel}}" class="cu-tag bg-blue" data-idx="{{index}}">
                        {{item.dataName}}
                    </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>

<view class="padding-xs foot bg-white" wx:if="{{configMode == '2' || dataList.length <= 0}}">
    <button class="cu-btn bg-blue" style="width:100%" bindtap="doPublish">去发布</button>
</view>

<view
    style="width:100%;display:flex;justify-content:center;background-color:#fff;padding:20rpx 0rpx;margin-bottom:100rpx"
    wx:if="{{isLoadMore}}">
    <van-loading type="spinner" size="24px">加载中...</van-loading>
</view>