關於Uni app引入icon的學習

2021-10-08 20:37:41 字數 690 閱讀 8866

例如1、不使用data,直接在template中使用

="iconfont icon-dianzan"

>

<

/text>

例如2、使用data遍歷出來
for=

"(item,index) in middlemyzc"

>

="自己的樣式"

:class

="item.icon"

>

<

/text>

<

/view>

data()

,,,]

}}

3、開啟這個**: 上傳iconfont.ttf這個檔案,這個檔案也在解壓的資料夾裡面

4、開啟專案中你剛剛複製過來的 iconfont.css

將一下**覆蓋本來的**:

@font-face

6、使用,同理上面的

="iconfont icon-dianzan"

>

<

/text>

小程式引入icon

方式一 原生圖示 小程式裡原生圖示是通過icon標籤來引入的 但是原生圖示只有這麼幾個,面對前端妖嬈繁雜的需求是捉襟見肘,遠遠不夠用啊!方式二 weui圖示元件 裡面有四個檔案 icon.js,icon.json,icon.wxml,icon.wxss usingcomponents 在測試頁面增加...

UNIAPP 怎麼引入字型

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

uni app引入阿里iconfont

前言 準備 阿里巴巴提供資源 操作 一 二 搜尋自己需要的資源,並新增到自己的專案當中。1.專案在哪,看下圖,如果沒有專案自己可以快速建立乙個專案,專案我的理解就是乙個分類的資料夾。2.icon怎麼新增到專案中。點選圖示 加入庫 新增到專案。三 開啟我的專案 1 點選下方的 下方新icon.紅色字型...