taro開發小程式引入icon字型庫

2022-08-02 15:00:35 字數 749 閱讀 6196

阿里巴巴字型庫使用方法

1.進入阿里巴巴字型官網 註冊登入

2.按照如圖所示1、2、3 建立乙個專案

3.在首頁選擇需要的字型新增到購物車,

4.在右上角購物車內,將所選圖示新增到專案中

6.在本地專案中引入該樣式即可使用 標籤內直接新增 字型類名和選中的類名

7.建立個公共的樣式檔案styles,然後把font資料夾放進去

8.把iconfont.css資料夾改成iconfont.scss,或者重新複製個改成scss檔案,不然引入會報錯,如下圖

9.在公共樣式裡引入iconfont.scss,如下圖,然後引入公共樣式檔案就可以了

10.在js裡面引用有2個方法,或者

效果就出來了

小程式引入icon

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

使用taro開發小程式

ps taro專案基於node,請確保node環境為較新的 8.0.0 1 npm安裝 npm install g tarojs cli 2 yarn安裝 yarn global add tarojs cli 3 cnpm安裝 cnpm install g tarojs cli ps 安裝過程如果出...

小程式手機密碼正則及引入icon

class wrap class bgimg logo class userinfo class iconfont iconshouji style font size 42rpx color gray 請輸入手機號 bindinput phone class userinfo class icon...