From 06b93604f8f9bfbcc740decfe5a5b922d75a0de3 Mon Sep 17 00:00:00 2001 From: zuoxiao <470321431@qq.com> Date: 星期三, 03 七月 2024 10:05:51 +0800 Subject: [PATCH] 完成界面 --- pages/feedback/feedback.wxml | 85 +++++++++++++++++++++++++++++------------- 1 files changed, 59 insertions(+), 26 deletions(-) diff --git a/pages/feedback/feedback.wxml b/pages/feedback/feedback.wxml index c55587b..30df3cc 100644 --- a/pages/feedback/feedback.wxml +++ b/pages/feedback/feedback.wxml @@ -1,30 +1,63 @@ <view class="container"> - - <view class="container-item"> - <text class="fb-text">鍙嶉璇︽儏锛�</text> - <textarea class="input-class" /> - </view> - <view class="divider"></view> - <view class="container-item"> - <text class="img-upload">鍥剧墖锛堟渶澶氫笁寮狅級:</text> - <t-upload style="margin-top: 20rpx;" media-type="{{['image']}}" files="{{originFiles}}" gridConfig="{{gridConfig}}" bind:success="handleSuccess" max="3" bind:add="handleAdd" bind:remove="handleRemove" bind:click="handleClick" bind:sort-end="handleSortEnd" /> - </view> - <view class="divider"></view> - <view class="container-voice"> - <text class="fb-text">褰曢煶锛�</text> - <view class="voice_wrapper"> - <image class="voice_img" bindtouchstart='startHandel' bindtouchend='endHandle' src="/images/tape.svg" mode="" /> - <view class="voice_content" bind:tap="handlePlay" wx:if="{{voiceTime}}"> - <view class="left"> - <view class="line"></view> - <view class="line" style="opacity:{{line2Opcity}}" id="test2"></view> - <view class="line" style="opacity:{{line3Opcity}}" id="test3"></view> - </view> - <view class="right">{{voiceTime}}"</view> - </view> + <!-- 椤堕儴 Tabs --> + <view class="tabs"> + <view class="tab" bindtap="switchTab" data-tab="0" id="tab0"> + 闂鍙嶉 + <view class="indicator" wx:if="{{currentTab === 0}}"></view> + </view> + <view class="tab" bindtap="switchTab" data-tab="1" id="tab1"> + 宸叉彁闂 + <view class="indicator" wx:if="{{currentTab === 1}}"></view> </view> </view> - <!-- 褰曢煶涓� --> - <view wx:if="{{isShowVoiceMask}}" class="voice_starting">褰曢煶涓�</view> - <button class="fb-submit">鎻愪氦</button> + <view class="container-feedBack" wx:if="{{currentTab === 0}}"> + <view class="container-item"> + <text class="fb-text">鍙嶉璇︽儏锛�</text> + <textarea style="position: relative; left: -2rpx; top: 0rpx" class="input-class" /> + </view> + <view class="divider"></view> + <view class="container-item"> + <text class="fb-text">鍥剧墖锛堟渶澶氫笁寮狅級:</text> + <t-upload style="margin-top: 20rpx;" media-type="{{['image']}}" files="{{originFiles}}" gridConfig="{{gridConfig}}" bind:success="handleSuccess" max="3" bind:add="handleAdd" bind:remove="handleRemove" bind:click="handleClick" bind:sort-end="handleSortEnd" /> + </view> + <view class="divider"></view> + <view class="container-voice"> + <text class="fb-text">褰曢煶锛�</text> + <view class="voice_wrapper"> + <image class="voice_img" bindtouchstart='startHandel' bindtouchend='endHandle' src="/images/tape.svg" mode="" /> + <view class="voice_content" bind:tap="handlePlay" wx:if="{{isShowVoiceView}}"> + <view class="left"> + <view class="line"></view> + <view class="line" style="opacity:{{line2Opcity}}" id="test2"></view> + <view class="line" style="opacity:{{line3Opcity}}" id="test3"></view> + </view> + <view class="right">{{voiceTime}}"</view> + </view> + </view> + </view> + <!-- 褰曢煶涓� --> + <view wx:if="{{isShowVoiceMask}}" class="voice_starting">褰曢煶涓瓄{contDownTime}}绉�</view> + <button class="fb-submit">鎻愪氦</button> + </view> + + <scroll-view class="container-scroll" wx:if="{{currentTab === 1}}" scroll-y="true" refresher-enabled="true" refresher-threshold="50" bindrefresherrefresh="onPullDownRefresh" refresher-triggered="{{isRefreshing}}"> + <block wx:for="{{feedBackList}}" wx:key="index"> + <view class="item"> + <view class="item-data"> + <text>鎻愰棶鏃堕棿锛�</text> + <text>{{item.createTime}}</text> + </view> + <view class="item-data"> + <text>鍝嶅簲鏃堕棿锛�</text> + <text>{{item.responseTime}}</text> + </view> + </view> + </block> + <view wx:if="{{feedBackList.length === 0}}" class="noMore-View"> + <image class="noMore-img" src="/images/no_more.svg" /> + <text class="noMore-text">娌℃湁鏁版嵁</text> + </view> + </scroll-view> + + </view> \ No newline at end of file -- Gitblit v1.8.0