<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ### icon標簽 圖標。 ![](https://box.kancloud.cn/ad1e4968fc6de491eb0872bb79e927f4_979x225.png) 示例: wxml: <view class="group"> <block wx:for="{{iconSize}}"> <icon type="success" size="{{item}}"/> </block> </view> <view class="group"> <block wx:for="{{iconType}}"> <icon type="{{item}}" size="40"/> </block> </view> <view class="group"> <block wx:for="{{iconColor}}"> <icon type="success" size="40" color="{{item}}"/> </block> </view> js: Page({ data: { iconSize: [20, 30, 40, 50, 60, 70], iconColor: [ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple' ], iconType: [ 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear' ] } }) ![](https://box.kancloud.cn/a94d447ff4249addef05ac0c9f8b690c_418x515.png) ### text標簽 文本。 ![](https://box.kancloud.cn/7ce6ec5d747c2989cddf5199b3d9cb2e_980x570.png) Tips decode可以解析的有 &nbsp; &lt; &gt; &amp; &apos; &ensp; &emsp; 各個操作系統的空格標準并不一致。 <text/> 組件內只支持 <text/> 嵌套。 除了文本節點以外的其他節點都無法長按選中。 示例: wxml: <view class="btn-area"> <view class="body-view"> <text>{{text}}</text> <button bindtap="add">add line</button> <button bindtap="remove">remove line</button> </view> </view> js: var initData = 'this is first line\nthis is second line' var extraLine = []; Page({ data: { text: initData }, add: function(e) { extraLine.push('other line') this.setData({ text: initData + '\n' + extraLine.join('\n') }) }, remove: function(e) { if (extraLine.length > 0) { extraLine.pop() this.setData({ text: initData + '\n' + extraLine.join('\n') }) } } }) ![](https://box.kancloud.cn/4b175e6a8182cce6f2cc831e7446d66d_416x580.png) ### rich-text標簽 基礎庫 1.4.0 開始支持,低版本需做兼容處理 富文本。 ![](https://box.kancloud.cn/153d8bcd85df0c50dc73cdf54569ff08_973x110.png) 支持默認事件,包括:tap、touchstart、touchmove、touchcancel、touchend和longtap nodes 屬性推薦使用 Array 類型,由于組件會將 String 類型轉換為 Array 類型,因而性能會有所下降 nodes 現支持兩種節點,通過type來區分,分別是元素節點和文本節點,默認是元素節點,在富文本區域里顯示的HTML節點 元素節點:type = node ![](https://box.kancloud.cn/0f1ad803d1edf10fece027c24000655d_973x227.png) 文本節點:type = text ![](https://box.kancloud.cn/0a2d5d8736577e8c3c8c9cef94ab669d_993x116.png) 示例: wxml: <!-- rich-text.wxml --> <rich-text nodes="{{nodes}}" bindtap="tap"></rich-text> js: // rich-text.js Page({ data: { nodes: [{ name: 'div', attrs: { class: 'div_class', style: 'line-height: 60px; color: red;' }, children: [{ type: 'text', text: 'Hello&nbsp;World!' }] }] }, tap() { console.log('tap') } }) Bug & Tip tip: nodes 不推薦使用 String 類型,性能會有所下降。 tip: rich-text 組件內屏蔽所有節點的事件。 tip: attrs 屬性不支持 id ,支持 class 。 tip: name 屬性大小寫不敏感。 tip: 如果使用了不受信任的HTML節點,該節點及其所有子節點將會被移除。 tip: img 標簽僅支持網絡圖片。 tip: 如果在自定義組件中使用 rich-text 組件,那么僅自定義組件的 wxss 樣式對 rich-text 中的 class 生效。 ### progress標簽 進度條。 ![](https://box.kancloud.cn/5fb1d41e33b66b9d6ea06b6cd02ef128_961x523.png) 示例: <progress percent="20" show-info /> <progress percent="40" stroke-width="12" /> <progress percent="60" color="pink" /> <progress percent="80" active /> ![](https://box.kancloud.cn/581cb08b1af0857775510fc05f460d77_478x474.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看