<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>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ### 字符云組件就是設置字符效果的組件,效果圖如圖5.31。點擊“![](https://img.kancloud.cn/55/0e/550e1fa654b4a55c19c65cfcc1813028_26x30.png)”圖標,再點擊“字符云”,即可創建字符云,如圖5.32; ![](https://img.kancloud.cn/f5/c8/f5c859746f9ed32510d0a57b96836306_878x482.png) ![](https://img.kancloud.cn/df/8b/df8bebd9616ea2178aa3607ef499c0c3_802x50.png) ![](https://img.kancloud.cn/50/3d/503d0b70f0aca495e52569852bd6b9eb_545x342.png) ![](https://img.kancloud.cn/ab/f5/abf5ad5b0a1372786655d2b0afa9f715_800x41.png) ## **一、組件名稱設置** ### 選中該字符云組件,在操作界面右側的“圖層名稱”處可修改組件的名稱,如圖5.33。(名稱最好要設置一下,方便后期組件管理) ![](https://img.kancloud.cn/ff/ca/ffca751decc1eab827322d0da1125219_867x514.png) ![](https://img.kancloud.cn/0e/10/0e108c5d0ce38a906419263150230279_795x44.png) ## **二、樣式設置** ### 1\. 最小字體 ### 選中字符云組件,在操作界面右側,在“最小字體”設置最小字體,如圖5.34; ![](https://img.kancloud.cn/62/5c/625cba6586230c60b96549543d492753_858x485.png) ![](https://img.kancloud.cn/3e/5e/3e5e389444fcc4f6459a655a3ea00d60_799x44.png) ### 2\. 最大字體 ### 選中字符云組件,在操作界面右側,在“最大字體”設置最大字體,如圖5.35; ![](https://img.kancloud.cn/5d/43/5d4367f2535c1d0be29134f63dfbfdeb_856x475.png) ![](https://img.kancloud.cn/b0/35/b0356093cc6f9961082bc8146bd27f6c_795x42.png) ### 3\. 間距 ### 選中該字符云組件,在操作界面右側的“間距”處可設置文字的間距,如圖5.36。 ![](https://img.kancloud.cn/16/68/1668657e5d086330f8d4f4278df13c8a_860x473.png) ![](https://img.kancloud.cn/df/05/df053a5df798738f971f6b1925706142_796x45.png) ### 4\. 旋轉 * ### 選中該字符云組件,在操作界面右側,打開“旋轉”按鈕,字符設置成旋轉狀態,如圖5.37。 * ### 關閉“旋轉”按鈕,樣式如圖5.38; ![](https://img.kancloud.cn/d4/8b/d48be66e0e7dd2f49d581690b6920f3d_853x471.png) ![](https://img.kancloud.cn/b4/ae/b4ae0ebf39a56a628a063b697934ffbc_802x42.png) ![](https://img.kancloud.cn/0a/f0/0af0036082c885d164fc1b63633b771e_988x664.png) ![](https://img.kancloud.cn/50/ef/50efb62d9c6aafc6c660380d1063639b_802x35.png) ## **三、接口設置** ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據; * ### 靜態數據:寫死的數據; * ### 動態數據:會隨著接口傳過來的數據實時變化;(一般這種比較常用) ### 2\. 接口地址 ### (1)靜態數據,接口地址穿過來的內容要符合以下格式: ~~~ [ { "name": "三星", "value": "1234" }, { "name": "小米", "value": "1234" }, { "name": "華為", "value": "1234" }, { "name": "oppo", "value": "1234" }, { "name": "抖音", "value": "1234" }, { "name": "快手", "value": "1234" }, { "name": "淘寶", "value": "1234" }, { "name": "百度", "value": "1234" }, { "name": "京東", "value": "1234" }, { "name": "天貓", "value": "1234" }, { "name": "字符1", "value": "1234" }, { "name": "字符1", "value": "1234" } ] ~~~ ### (2)動態數據,接口地址穿過來的內容要符合以下格式: ~~~ {"data":[ { "name": "三星", "value": "1234" }, { "name": "小米", "value": "1234" }, { "name": "華為", "value": "1234" }, { "name": "oppo", "value": "1234" }, { "name": "抖音", "value": "1234" }, { "name": "快手", "value": "1234" }, { "name": "淘寶", "value": "1234" }, { "name": "百度", "value": "1234" }, { "name": "京東", "value": "1234" }, { "name": "天貓", "value": "1234" }, { "name": "字符1", "value": "1234" }, { "name": "字符1", "value": "1234" } ]} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的,完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次,可以將刷新時間設置成“5000”; ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口,完成數據的更新。 ![](https://img.kancloud.cn/43/de/43dea56870fd6ab0e02f4b30abc89d0e_1062x834.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>

                              哎呀哎呀视频在线观看