溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關微信小程序內容組件圖標icon怎么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
圖標。
| 屬性名 | 類型 | 默認值 | 說明 |
|---|---|---|---|
| type | String | icon的類型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear | |
| size | Number | 23 | icon的大小，單位px |
| color | Color | icon的顏色，同css的color |
示例：
<view class="group">
<block wx:for="{{iconSize}}"><icon type="success" size="{{item}}"/>
</block></view><view class="group">
<block wx:for="{{iconType}}"><icon type="{{item}}" size="40"/>
</block></view><view class="group">
<block wx:for="{{iconColor}}"><icon type="success" size="40" color="{{item}}"/>
</block></view>Page({
data: {
iconSize: [20, 30, 40, 50, 60, 70],
iconColor: [ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'],
iconType: [ 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear']
}
})感謝各位的閱讀！關于“微信小程序內容組件圖標icon怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
