微信小程序 wxapp內容組件 icon詳細介紹
更新時間：2016年10月31日 15:33:56 投稿：lqh
這篇文章主要介紹了微信小程序 wxapp內容組件 icon詳細介紹的相關資料,并附簡單實例，需要的朋友可以參考下
微信小程序 內容組件
相關文章：
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="45"/>
</block>
</view>
<view class="group">
<block wx:for="{{iconColor}}">
<icon type="success" size="45" 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', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn',
'success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download',
'info_circle', 'cancel', 'search', 'clear'
]
}
})
icon
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章主要為大家介紹了JavaScript對象管家Proxy使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
這篇文章主要介紹了微信小程序 獲取當前地理位置和經(jīng)緯度實例代碼的相關資料,這里附有實例代碼，及實現(xiàn)效果圖，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了微信小程序 Mustache語法詳細介紹的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了LoadRunner調用JS加密后登錄實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
JavaScript?CSS優(yōu)雅實現(xiàn)網(wǎng)頁多主題風格換膚功能詳解
這篇文章主要為大家介紹了JavaScript?CSS優(yōu)雅的實現(xiàn)網(wǎng)頁多主題風格換膚功能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
JavaScript 可以做很多好玩的事， 從復雜的框架到處理API，有太多的東西需要學習。但是，它也能讓我們只用一行就能做一些了不起的事情。今天的文章小編就為大家介紹13 個JavaScript 行程序,需要的朋友可以參考下2021-08-08
這篇文章主要為大家介紹了前端canvas中物體邊框和控制點的實現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 MINA文件結構的相關資料,這里詳細介紹了微信小程序的文件目錄及文件作用，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序中input標簽詳解及簡單實例的相關資料,需要的朋友可以參考下2017-05-05
這篇文章主要為大家介紹了Selection與Range 對象操作示例指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09