xzjl-ui/pages/home/xx/lindex/lxz/lxz.wxml

<!--pages/home/xx/xz/xz.wxml-->
<view class="bgt1"></view>
<view class="xinfo" wx:if="{{!Preview}}">
    <scroll-view scroll-y enhanced="{{true}}" show-scrollbar="{{false}}" class="xinfo-content">
        <view class="xinfo-title">
            <view class="title-to">
                <view class="text">To:</view>
                <t-input model:value="{{to}}" />
            </view>
            <view class="title-form">
                <view class="text">From:</view>
                <t-input model:value="{{from}}"/>
            </view>
        </view>

        <view wx:for="{{messageList}}" wx:key="index">
            <!-- 信件文本 -->
            <view class="xinfo-main" wx:if="{{item.type === 'text'}}">
                <t-textarea bindblur="getTextValue" data-index="{{item.index}}" autosize="true" value="{{item.content}}" placeholder="信件正文" />
            </view>
            <!-- 信件语音 -->
            <view class="xinfo-ltqp" wx:if="{{item.type === 'audio'}}" bindtap="listen" data-url="{{item}}">
                <image class="xinfo-yuying" src="https://wish-assets.windymuse.com.cn/xy/%E8%AF%AD%E9%9F%B3.png"></image>
                <view class="xinfo-ltqp-text">{{item.extra.duration}}</view>
                <t-icon class="xinfo-close" name="close-circle" size="48rpx" catchtap="ClearYl" data-id="{{item.resourceId}}"/>
            </view>
            <!-- 信件图片 -->
            <view class="xinfo-img" wx:if="{{item.type === 'graphic'}}">
                <image src="{{item.img}}" mode="widthFix"></image>
                <view class="xinfo-img-close" bindtap="ClearImg" data-id="{{item.resourceId}}">
                    <t-icon name="close-circle" size="48rpx"/>
                </view>
            </view>
        </view>

    </scroll-view>
</view>

<view class="bgt2" wx:if="{{!Preview}}">
    <view class="bgt2-btn1" bindtap="goBack">
        <image src="https://wish-assets.windymuse.com.cn/xy/iconPark-return%401x.png"></image>
    </view>
    <view class="bgt2-btn2" bindtap="openSound">音讯</view>
    <view class="bgt2-btn3" bindtap="addImg">画像</view>
    <view class="bgt2-btn4" bindtap="openPreview">预览</view>
    <view class="bgt2-btn5" bindtap="openShowSend">寄出</view>
    <view class="bgt2-yz"></view>
</view>

<view class="taost" wx:if="{{showImgBig}}">
    <view class="taost-box">
        <view class="taost-box-text">图片太大了</view>
        <view class="taost-box-text">请上传5M以内的图片</view>
        <view class="taost-box-btn" bindtap="closeShowImgBig">好的</view>
    </view>
</view>

<view class="sound" wx:if="{{showSound}}">
    <view class="sound-box">
        <view class="sound-box-top">
            <view bindtap="closeSound">取消</view>
            <view bindtap="addSound">添加</view>
        </view>
        <view class="sound-box-time">{{soundTime}}</view>
        <view class="sound-box-img" wx:if="{{showSoundImg}}"></view>
        <view class="sound-box-img2" wx:if="{{!showSoundImg}}">
            <image wx:for="{{35}}" wx:key="index" src="https://wish-assets.windymuse.com.cn/xy/iconPark-acoustic%20Copy%203%401x.png"/>
        </view>
        <view class="sound-box-btn">
            <view class="btn1" wx:if="{{btn1}}" bindtap="startSound">
                <view class="btn-being"></view>
            </view>
            <view class="btn1" wx:if="{{btn2}}" bindtap="endSound">
                <view class="btn-have"></view>
            </view>
            <view class="btn1" wx:if="{{btn3}}" bindtap="playVoice">
                <view class="btn-over"></view>
            </view>
            <view class="btn1" wx:if="{{btn4}}" bindtap="stopVoice">
                <view class="btn-video"></view>
            </view>
        </view>
    </view>
</view>
<!-- showSoundMore -->
<view class="taost" wx:if="{{showSoundMore}}">
    <view class="taost-box">
        <view class="taost-box-text">最多只能添加</view>
        <view class="taost-box-text">3条语音</view>
        <view class="taost-box-btn" bindtap="closeShowSoundMore">好的</view>
    </view>
</view>

<view class="taost" wx:if="{{showImgToast}}">
    <view class="taost-box">
        <view class="taost-box-text">最多只能上传</view>
        <view class="taost-box-text">9张图片</view>
        <view class="taost-box-btn" bindtap="closeShowImgToast">好的</view>
    </view>
</view>

<view class="taost" wx:if="{{showSend}}">
    <view class="taost-box2">
        <view class="taost-box-text2">确定要寄出吗？</view>
        <view class="Send-btn">
            <view class="taost-box-btn" bindtap="closeShowSend">取消</view>
            <view class="taost-box-btn" bindtap="already">确定</view>       
        </view>
    </view>
</view>

<!-- 预览页面 -->
<view wx:if="{{Preview}}" class="preview">
    <!-- 信件主体内容 -->
    <view class="preview-content">
        <view class="content">
            <view class="preview-content-title">To：{{to}}</view>

            <view wx:for="{{messageList}}" wx:key="index">
                <!-- 信条 -->
                <view class="preview-content-main" wx:if="{{item.type === 'text' && item.content !== ''}}">
                    <t-textarea bindblur="getTextValue" data-index="{{item.index}}" autosize="true" value="{{item.content}}" disabled/>
                </view>
                <!-- 语音 -->
                <view class="preview-content-ltqp" bindtap="listen" wx:if="{{item.type === 'audio'}}" data-url="{{item}}">
                    <image src="https://wish-assets.windymuse.com.cn/xy/%E8%AF%AD%E9%9F%B3.png"></image>
                    <view class="text">{{item.extra.duration}}</view>
                </view>
                <!-- 图片 -->
                <view class="preview-content-img" wx:if="{{item.type === 'graphic'}}">
                    <image src="{{item.img}}" mode="widthFix"></image>
                </view>
            </view>

            <view class="preview-content-end">Form：{{from}}</view>
        </view>
    </view>

    <view class="preview-bkg">
        <view class="preview-yz"></view>
    </view>
    <view class="preview-btn" bindtap="openPreview"><view class="preview-btn-img" /></view>
</view>