用户服务协议的详情页包含一大段一大段的文字，该如何显示在页面，求大神指导一下

[代码]<[代码][代码]view[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{checklistItem}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"{{item.personAttendanceId}}"[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"item"[代码] [代码]wx:for-index[代码][代码]=[代码][代码]"idx"[代码] [代码]data-idx[代码][代码]=[代码][代码]"{{idx}}"[代码] [代码]bindtap[代码][代码]=[代码][代码]"chooseItem"[代码][代码]>[代码] [代码]    [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tr"[代码][代码]>[代码][代码]      [代码] [代码]      [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"td  {{isEdit=='True'?'true':'hideTrue'}}"[代码][代码]>[代码][代码]        [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'com-selectBox'[代码][代码]>[代码][代码]          [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'com-sContent'[代码] [代码]bindtap[代码][代码]=[代码][代码]'selectToggle'[代码][代码]>[代码][代码]            [代码] [代码]         [代码] [代码]          [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]     [代码] [代码]      [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]    [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码]如上图代码片段，2个for循环有bandtap，发现执行顺序是 [代码]bindtap[代码][代码]=[代码][代码]'selectToggle'[代码]，再执行[代码]bindtap[代码][代码]=[代码][代码]"chooseItem"[代码][代码][代码]，可以更改执行顺序吗，想先执行[代码]bindtap[代码][代码]=[代码][代码]"chooseItem"[代码][代码][代码]，该如何改？

wx.downloadFile下载的文件名包含特殊字符#，下载失败，如何处理URL中特殊字符转义编码

请问大家有什么方法，如何修改，使得可编辑下图中的列表的内容 [图片]

[代码]<!--pages/getMyTask/getMyTask.wxml-->[代码][代码]<block wx:[代码][代码]if[代码][代码]=[代码][代码]"{{checklistItem}}"[代码][代码]>[代码][代码]  [代码][代码]<view class=[代码][代码]"listItem"[代码] [代码]wx:[代码][代码]for[代码][代码]=[代码][代码]"{{checklistItem}}"[代码] [代码]wx:key=[代码][代码]""[代码] [代码]wx:[代码][代码]for[代码][代码]-item=[代码][代码]"item"[代码] [代码]wx:[代码][代码]for[代码][代码]-index=[代码][代码]"idx"[代码] [代码]data-idx=[代码][代码]"{{idx}}"[代码] [代码]bindtap=[代码][代码]"chooseItem"[代码][代码]>[代码][代码]    [代码][代码]<view class=[代码][代码]"listItem_part1"[代码][代码]>[代码][代码]      [代码][代码]<image class=[代码][代码]"listItem_part1_img"[代码] [代码]src=[代码][代码]"{{idx==currentidx&&choose==true?srcOnradio:srcRadio}}"[代码][代码]></image>[代码][代码]      [代码][代码]<text class=[代码][代码]"listItem_part1_title listItem_part_text"[代码][代码]>{{item.name}}</text>[代码][代码]      [代码][代码]<view wx:[代码][代码]if[代码][代码]=[代码][代码]"{{item.strBmbimIsControlTask=='N'}}"[代码] [代码]class=[代码][代码]"weui-badge weui-badge_dot "[代码]  [代码]style=[代码][代码]"position: absolute;"[代码][代码]></view>[代码][代码]    [代码][代码]</view>[代码][代码]    [代码][代码]<view class=[代码][代码]"listItem_part2"[代码][代码]>[代码][代码]      [代码][代码]<!-- <progress class=[代码][代码]"listItem_part2_progress"[代码] [代码]percent=[代码][代码]"{{item.PercentCom}}"[代码] [代码]backgroundColor=[代码][代码]"#F8F8F8"[代码] [代码]stroke-width=[代码][代码]"12"[代码] [代码]show-info /> -->[代码][代码]      [代码][代码]<view class=[代码][代码]"listItem_part2_left"[代码][代码]>[代码][代码]        [代码][代码]<view class=[代码][代码]"listItem_part2_date listItem_part_text"[代码][代码]>[代码][代码]          [代码][代码]<text>开始时间：{{item.StartDate}}</text>[代码][代码]        [代码][代码]</view>[代码][代码]        [代码][代码]<view class=[代码][代码]"listItem_part2_date listItem_part_text"[代码][代码]>[代码][代码]          [代码][代码]<text>结束时间：{{item.FinishDate}}</text>[代码][代码]        [代码][代码]</view>[代码][代码]      [代码][代码]</view>[代码][代码]      [代码][代码]<view class=[代码][代码]"listItem_part2_right"[代码][代码]>[代码][代码]        [代码][代码]<canvas class=[代码][代码]"cir"[代码] [代码]canvas-id=[代码][代码]"{{item.id}}"[代码][代码]></canvas>[代码][代码]      [代码][代码]</view>[代码][代码]    [代码][代码]</view>[代码][代码]</view>[代码][代码]</block>[代码][代码]<view class=[代码][代码]" {{length==0?'true':'hideTrue'}}"[代码][代码]><text class=[代码][代码]"text_noData"[代码][代码]>暂无任务</text></view>[代码][代码]<view class=[代码][代码]"afterlastListitem"[代码][代码]>[代码][代码]  [代码][代码]<image></image>[代码][代码]</view>[代码][代码]<view class=[代码][代码]"buttom_3button"[代码][代码]>[代码][代码]  [代码][代码]<image class=[代码][代码]"buttom_3button_img"[代码] [代码]bindtap=[代码][代码]"gotoHomePage"[代码] [代码]src=[代码][代码]"{{srcHome}}"[代码][代码]></image>[代码][代码]  [代码][代码]<image class=[代码][代码]"buttom_3button_img"[代码] [代码]bindtap=[代码][代码]"getMyTask"[代码] [代码]src=[代码][代码]"{{srcWork}}"[代码][代码]></image>[代码][代码]  [代码][代码]<image class=[代码][代码]"buttom_3button_img"[代码] [代码]bindtap=[代码][代码]"getMyCompleteTask"[代码] [代码]src=[代码][代码]"{{srcComplete}}"[代码][代码]></image>[代码][代码]</view>[代码][图片] 如上图所示，底部导航栏（自定义的）与canvas生成的百分比重合 [视频]

在draw中调用canvasToTempFilePath失败 步骤： [代码]cxtImg.draw([代码][代码]false[代码][代码], that.saveToImg(mycanvasId))[代码][代码]saveToImg: [代码][代码]function[代码] [代码](mycanvasId) {[代码][代码]  [代码][代码]console.log([代码][代码]"3.callback:mycanvasId:::"[代码][代码],mycanvasId);[代码][代码]    [代码][代码]wx.canvasToTempFilePath({[代码][代码]      [代码][代码]x: [代码][代码]0[代码][代码],[代码][代码]//画布X轴起点（默认0）[代码][代码]      [代码][代码]y: [代码][代码]0[代码][代码],[代码][代码]//画布Y轴起点（默认0）[代码][代码]      [代码][代码]width: [代码][代码]200[代码][代码],[代码][代码]//画布宽度（默认为canvas宽度-x）[代码][代码]      [代码][代码]height: [代码][代码]200[代码][代码],[代码][代码]//画布高度（默认为canvas高度-x）[代码][代码]      [代码][代码]destWidth: [代码][代码]200[代码] [代码]* [代码][代码]2[代码][代码], [代码][代码]//输出画布宽度（默认为width）[代码][代码]      [代码][代码]destHeight: [代码][代码]200[代码] [代码]* [代码][代码]2[代码][代码],[代码][代码]//输出画布高度（默认为height）[代码][代码]      [代码][代码]canvasId: mycanvasId,[代码][代码]      [代码][代码]success(res) {[代码][代码]        [代码][代码]wx.saveImageToPhotosAlbum({[代码][代码]          [代码][代码]imagePath: res.tempFilePath,[代码][代码]        [代码][代码]})[代码][代码]        [代码][代码]// var tempFilePath=res.tempFilePath;[代码][代码]        [代码][代码]console.log([代码][代码]"3.输出画布成功！！！tempFilePath:::"[代码][代码], tempFilePath);[代码][代码]        [代码][代码]// that.data.imagePath = that.data.imagePath.concat(tempFilePath);   [代码][代码]        [代码][代码]// console.log("3.输出画布成功！！！that.data.imagePath:::", that.data.imagePath);[代码][代码]        [代码][代码]wx.hideToast()[代码][代码]      [代码][代码]},[代码][代码]      [代码][代码]fail(res) {[代码][代码]        [代码][代码]console.log([代码][代码]"3.输出画布失败！！！：："[代码][代码], res);[代码][代码]      [代码][代码]}[代码][代码]    [代码][代码]}, [代码][代码]this[代码][代码])[代码][代码]  [代码][代码]},[代码]控制台输出 [代码]输出画布失败！！！：： {errMsg: [代码][代码]"canvasToTempFilePath: fail canvas is empty"[代码][代码]}[代码]