1 line
5.1 KiB
Plaintext
1 line
5.1 KiB
Plaintext
<view class="container"><view><uni-nav-bar vue-id="6adc6a48-1" title="编辑文字" leftText="取消" left-icon="left" right-text="完成" backgroundColor="#ffffff" color="#000000" data-event-opts="{{[['^clickRight',[['toSuccess']]],['^clickLeft',[['back']]]]}}" bind:clickRight="__e" bind:clickLeft="__e" bind:__l="__l"></uni-nav-bar></view><view class="page-body"><view class="wrapper"><view class="editor-wrapper"><editor class="ql-container" id="editor" placeholder="开始输入..." show-img-size="{{true}}" show-img-toolbar="{{true}}" show-img-resize="{{true}}" read-only="{{readOnly}}" data-event-opts="{{[['statuschange',[['onStatusChange',['$event']]]],['ready',[['onEditorReady',['$event']]]]]}}" bindstatuschange="__e" bindready="__e"></editor></view><view data-event-opts="{{[['tap',[['format',['$event']]]]]}}" class="toolbar" bindtap="__e"><view class="item-wrap"><view data-event-opts="{{[['tap',[['undo',['$event']]]]]}}" class="iconfont icon-undo" bindtap="__e"></view><view data-event-opts="{{[['tap',[['redo',['$event']]]]]}}" class="iconfont icon-redo" bindtap="__e"></view><zb-popover class="vue-ref" vue-id="6adc6a48-2" placement="top" actionsDirection="horizontal" data-ref="fontAttribute" data-event-opts="{{[['^handleClick',[['handleFontAttributeClick']]]]}}" bind:handleClick="__e" bind:__l="__l" vue-slots="{{['default','content']}}"><view slot="content"><view class="{{['iconfont','icon-zitijiacu',formats.bold?'ql-active':'']}}" data-name="bold"></view><view class="{{['iconfont','icon-zitixieti',formats.italic?'ql-active':'']}}" data-name="italic"></view><view class="{{['iconfont','icon-zitixiahuaxian',formats.underline?'ql-active':'']}}" data-name="underline"></view></view><view class="iconfont icon-zitijiacu"></view></zb-popover><zb-popover class="vue-ref" vue-id="6adc6a48-3" actionsDirection="horizontal" placement="top" options="{{actions}}" data-ref="fontSize" data-event-opts="{{[['^handleClick',[['handleFontSizeClick']]],['^select',[['selectFontSizeItme']]]]}}" bind:handleClick="__e" bind:select="__e" bind:__l="__l" vue-slots="{{['default']}}"><view class="iconfont icon-fontsize"></view></zb-popover><zb-popover class="vue-ref" vue-id="6adc6a48-4" placement="top" actionsDirection="horizontal" data-ref="fontAlign" data-event-opts="{{[['^handleClick',[['handleFontAlignClick']]]]}}" bind:handleClick="__e" bind:__l="__l" vue-slots="{{['default','content']}}"><view slot="content"><view class="{{['iconfont','icon-zuoduiqi',formats.align==='left'?'ql-active':'']}}" data-name="align" data-value="left"></view><view class="{{['iconfont','icon-juzhongduiqi',formats.align==='center'?'ql-active':'']}}" data-name="align" data-value="center"></view><view class="{{['iconfont','icon-youduiqi',formats.align==='right'?'ql-active':'']}}" data-name="align" data-value="right"></view><view class="{{['iconfont','icon-zuoyouduiqi',formats.align==='justify'?'ql-active':'']}}" data-name="align" data-value="justify"></view><view class="iconfont icon-indent" data-name="indent" data-value="+1"></view></view><view class="iconfont icon-juzhongduiqi"></view></zb-popover><zb-popover class="vue-ref" vue-id="6adc6a48-5" placement="top" actionsDirection="horizontal" data-ref="fontList" data-event-opts="{{[['^handleClick',[['handleFontListClick']]]]}}" bind:handleClick="__e" bind:__l="__l" vue-slots="{{['default','content']}}"><view slot="content"><view class="{{['iconfont','icon-youxupailie',formats.list==='ordered'?'ql-active':'']}}" data-name="list" data-value="ordered"></view><view class="{{['iconfont','icon-wuxupailie',formats.list==='bullet'?'ql-active':'']}}" data-name="list" data-value="bullet"></view></view><view class="iconfont icon-wuxupailie"></view></zb-popover><zb-popover class="vue-ref" vue-id="6adc6a48-6" placement="top" actionsDirection="horizontal" data-ref="fontColor" data-event-opts="{{[['^handleClick',[['handleFontColorClick']]]]}}" bind:handleClick="__e" bind:__l="__l" vue-slots="{{['default','content']}}"><view slot="content"><view class="{{['color-000000-item','color-item',($root.m0)?'is-color':'',(!$root.m1)?'not-color':'']}}" data-name="color" data-value="#000000"></view><view class="{{['color-7a7e83-item','color-item',($root.m2)?'is-color':'',(!$root.m3)?'not-color':'']}}" data-name="color" data-value="#7a7e83"></view><view class="{{['color-ff0000-item','color-item',($root.m4)?'is-color':'',(!$root.m5)?'not-color':'']}}" data-name="color" data-value="#ff0000"></view><view class="{{['color-ff9900-item','color-item',($root.m6)?'is-color':'',(!$root.m7)?'not-color':'']}}" data-name="color" data-value="#ff9900"></view><view class="{{['color-1aad19-item','color-item',($root.m8)?'is-color':'',(!$root.m9)?'not-color':'']}}" data-name="color" data-value="#1aad19"></view><view class="{{['color-1a73e8-item','color-item',($root.m10)?'is-color':'',(!$root.m11)?'not-color':'']}}" data-name="color" data-value="#1a73e8"></view><view class="{{['color-cc00cc-item','color-item',($root.m12)?'is-color':'',(!$root.m13)?'not-color':'']}}" data-name="color" data-value="#cc00cc"></view></view><image class="iconfont" style="width:24px;height:24px;" src="https://qnycdn.mymoyu.top/static/icon/colors.png" mode="scaleToFill"></image></zb-popover></view></view></view></view></view> |