taro icons

ikon talas

Pustaka ikon program mini berdasarkan Taro

ciri

• Muat sesuai permintaan, pilih untuk memuat pustaka ikon yang berbeda sesuai kebutuhan Anda, dan kurangi ukuran paket
• Sekitar 6700 ikon untuk dipilih

Pustaka ikon yang didukung:

• Ionicons (v4.5.5, 696 ikon, ~134KB)
• MaterialIcons (v3.0.1, 935 ikon, ~112KB)
• MaterialCommunityIcons (v3.5.95, 3596 ikon, ~495KB)
• FontAwesome (v5.8.1, 1513 ikon, ~322KB)

Memasang

npm install taro-icons --save

menggunakan

Impor file scss perpustakaan ikon yang Anda perlukan di app.js , seperti MaterialIcons :

 // app.js
// 请根据需要选择导入的 scss，这里全部导入
import 'taro-icons/scss/MaterialCommunityIcons.scss' // 495KB
import 'taro-icons/scss/MaterialIcons.scss' // 112KB
import 'taro-icons/scss/Ionicons.scss' // 134KB
import 'taro-icons/scss/FontAwesome.scss' // 322KB

Kemudian perkenalkan component yang sesuai dengan d di mana ikon diperlukan:

 import {
  MaterialIcons ,
  MaterialCommunityIcons ,
  Ionicons ,
  FontAwesome ,
} from 'taro-icons' ;
...

< MaterialIcons name = 'settings' size = { 24 } color = '#000000' />
< MaterialCommunityIcons name = 'account' size = { 32 } color = '#000000' / >
< Ionicons name = 'ios-woman' size = { 32 } color = 'pink' />
< FontAwesome family = 'brands' name = 'weixin' size = { 32 } / >

name diperlukan dan dapat ditemukan di situs web terkait. Silakan merujuk ke example untuk penggunaan spesifik.

alat peraga ikon

milik	menjelaskan	jenis	nilai bawaan
nama	Nama ikon yang ingin ditampilkan dapat ditemukan di situs web perpustakaan ikon terkait.	Rangkaian
ukuran	Ukuran ikon (px)	Nomor	dua puluh empat
warna	Warna ikon	Rangkaian	#000000
keluarga	Properti unik FontAwesome (padat, reguler, merek)	Rangkaian	padat

️ Hal-hal yang perlu diperhatikan

Di微信开发者工具, pilih Pengaturan->Pengaturan Proyek->Debug Perpustakaan Dasar, dan atur versi 2.2.3 atau lebih tinggi sebelum ikon dapat ditampilkan secara normal.