メインコンテンツまでスキップ

Icon アイコン

アイコン表示。ユーザーは宜搭に内蔵されているアイコンを使用し、そのサイズを設定できます。

使用場面

アイコンを使用して、警告、通知、トレンドなどのマークを表示します。

コンポーネント例

カスタムアイコンの使用方法

1.まずはiconfontにアクセスしてください

2.お気に入りのアイコンをカートに追加し、追加後カートに進み、アイコンを新規プロジェクトに追加します(新規プロジェクト作成を推奨)

3.Symbolを選択し、オンラインリンクを表示して、コードを宜搭にコピーしてください。例:

 //at.alicdn.com/t/font_3429645_pimqzpqqzps.js

4.アイコンのnameを宜搭にコピーしてください。例:

 icon-liebiao

コンポーネント属性

属性说明类型默认值
baseType

基本アイコン。上記の例でアイコン配下のテキストに対応します

string

'smile'

otherType

カスタムアイコン

string

'smile'

size

アイコンサイズ

'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' |'xxl' | 'xxxl'

'medium'

useType

アイコン使用タイプ。trueの場合はotherType属性が有効になり、falseの場合はbaseType属性が有効になります

boolean

false

この文書は機械翻訳により生成されています。翻訳により生じた齟齬や相違点は拘束力を持たず、コンプライアンスや執行目的において法的効力はありません。
© DingTalk (Singapore) Private Limited