微信小程序 icon組件詳細(xì)及實例代碼
更新時間:2016年10月25日 09:53:32 投稿:lqh
這篇文章主要介紹了微信小程序 icon組件詳細(xì)及實例代碼的相關(guān)資料,需要的朋友可以參考下
屬性:
效果圖:
test.wxml
<!--成功圖標(biāo)--> <icon type="success" size="40"/> <!--安全成功標(biāo)志圖標(biāo)--> <icon type="safe_success" size="40"/> <!--提示信息圖標(biāo)--> <icon type="info" size="40"/> <!--帶圓的信息提示圖標(biāo)--> <icon type="info_circle" size="40"/> <!--不帶圓的成功圖標(biāo)--> <icon type="success_no_circle" size="40"/> <!--帶圓的成功圖標(biāo)--> <icon type="success_circle" size="40"/> <!--警告圖標(biāo)--> <icon type="warn" size="40"/> <!--帶圓的等待圖標(biāo)--> <icon type="waiting_circle" size="40"/> <!--等待圖標(biāo)--> <icon type="waiting" size="40"/> <!--下載圖標(biāo)--> <icon type="download" size="40"/> <!--取消圖標(biāo)--> <icon type="cancel" size="40"/> <!--清除圖標(biāo)--> <icon type="clear" size="40"/> <!--成功圖標(biāo)集合--> <View style="margin-top:30px;"> <icon type="success" size="30" color="green"/> <icon type="success" size="40" color="blue"/> <icon type="success" size="50" color="red"/> </View> <!--取消圖標(biāo)集合--> <View style="margin-top:30px;"> <icon type="cancel" size="30" color="green"/> <icon type="cancel" size="40" color="blue"/> <icon type="cancel" size="50" color="red"/> </View>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
使用HTTP?Referer實現(xiàn)圖片防盜圖文示例詳解
這篇文章主要為大家介紹了使用HTTP?Referer實現(xiàn)圖片防盜圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08WindiCSS實現(xiàn)加載windi.config.ts配置文件詳解
這篇文章主要為大家介紹了WindiCSS實現(xiàn)加載windi.config.ts配置文件詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實例詳解
這篇文章主要介紹了微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實例詳解的相關(guān)資料,這里附有實例代碼幫助到家學(xué)習(xí)理解,需要的朋友可以參考下2017-01-01TypeScript編寫自動創(chuàng)建長度固定數(shù)組的類型工具詳解
這篇文章主要為大家介紹了TS編寫自動創(chuàng)建長度固定數(shù)組的類型工具詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08autojs長寬不定的圖片在正方形圖片居中實現(xiàn)詳解
這篇文章主要為大家介紹了autojs長寬不定的圖片在正方形圖片居中實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-01-01