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

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                [toc] # 1.4 引入矢量圖標庫 ## 1.4.1 阿里巴巴矢量圖標庫的使用 * 圖標的搜索 * 圖標的添加 * 圖標顏色的更改 * 圖標的下載 * 圖標的使用 ## 1.4.2 在項目導入下載好的矢量圖標庫樣式文件 * 將下載好的矢量圖標庫文件拷貝到common文件夾內 * 在App.vue文件內進行導入 ``` /* #ifndef APP-PLUS-NVUE*/ @import url("./assets/style/icon.css"); /* endif */ ``` * 如果控制臺出現報錯,刪除以下用紅框標記起來的內容: ![](https://img.kancloud.cn/2d/37/2d375a991725d415be8895c194d8e661_1936x956.png) * 測試字體圖標能否使用 ``` <text class="iconfont icon-shoucang" style="font-size:200rpx"></text> ``` ## 1.4.3 nvue頁面引入字體圖標庫 * 參考地址: [nvue頁面引入字體圖標庫](https://weex.apache.org/zh/docs/modules/dom.html#getlayoutdirection) ![](https://img.kancloud.cn/bd/a4/bda42bf427b52edd6c016f3edc7f75a3_1940x1182.png) * 在App.vue頁面的onLanuch鉤子里面引入dom和字體圖標 ``` <script> export default { onLaunch: function() { const domModule = weex.requireModule('dom') domModule.addRule('fontFace', { 'fontFamily': "iconfont", 'src': "url('http://at.alicdn.com/t/font_1859985_7mxozsfdvib.ttf')" }); }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('App Hide') } } </script> ``` * 將index.vue改成index.nvue,測試字體圖標能否引入成功 ``` <template> <view> <text class="iconfont">&#xe62b;</text> </view> </template> ``` `注意: nvue里面引入字體圖標的方式采用Unicode, vue里面引入字體圖標的方式采用Font class`
                  <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>

                              哎呀哎呀视频在线观看