uni app引入阿里iconfont

2022-08-28 16:54:22 字數 1037 閱讀 8286

前言:

準備:

阿里巴巴提供資源**:

操作:

二、搜尋自己需要的資源,並新增到自己的專案當中。

1. 專案在哪,看下圖,如果沒有專案自己可以快速建立乙個專案,專案我的理解就是乙個分類的資料夾。

2. icon怎麼新增到專案中。

點選圖示 -> 加入庫 -> 新增到專案。

三、開啟我的專案:

1、點選下方的 " 下方新icon....." 紅色字型,生成字型**。

2、選擇unicode。

5、將iconfont.css中的  @font-face 替換成網路資源,//at 前全部替換成 https: //at........,如下圖,儲存。

6、iconfont.css 新增如下內容(圖示可以通過text view button等元件引用)。

text[class*="icon-"],

view[class*="icon-"],

button[class*="icon-"]

到此完成。   

技術討論群:  792344396

UNIAPP 怎麼引入字型

第一種 網路字型位址 const url loadfontweb 第二種 本地字型位址 第一步 在字型檔案存放在static目錄下面 第二步 本地路徑需要使用絕對路徑,所以需要native的方法來 loadfontlocal success fail e 第三部 在css中對需要引用的字型 使用 f...

關於Uni app引入icon的學習

例如1 不使用data,直接在template中使用 iconfont icon dianzan text 例如2 使用data遍歷出來for item,index in middlemyzc 自己的樣式 class item.icon text view data 3 開啟這個 上傳iconfon...

阿里雲OSS物件儲存依賴引入失敗

今天在使用阿里oss的物件儲存時,出現了無法引入springcloud alibaba的oss相關依賴的情況。我使用的是目前最新版的springcloud alibaba,版本為2.2.3.release 引入阿里雲服務 spring boot starters 工程的依賴管理。com.alibab...