我們的微信小程序icon控件的使用：

在我們的這個位置的話就是我們的詳細(xì)的代碼等。

<!-- 在我們的這個位置的話就是設(shè)置我們的相關(guān)的圖標(biāo)文件，然后的話我們的圖標(biāo)名為icon --> <view class="container"><view class="icon-box"><!-- 現(xiàn)在的話就是我們的這個icon的圖標(biāo), 成功的圖標(biāo)的話就是一個綠色的構(gòu) --><icon class="icon-box-img" type="success" size="50"></icon><view class="icon-box-title">表示的是成功</view><view class="icon-box-desc">用于表示操作順利的完成</view></view> </view><!-- 然后的話在我們的這個位置的話設(shè)置的就是我們的這個相同的方法然的話就是設(shè)置我們的提示信息的頁面 --> <view class="icon-box"><!-- 在我們的這個位置的話就是設(shè)置我們的相關(guān)的信息的界面 --><icon class="icon-box-img" type="info" size="50"></icon><view class="icon-box-ctn"><!--上面的圖標(biāo)信息的話表示的就是我們的提示信息的圖標(biāo) --><view class="icon-box-title">表示提示的信息</view><view class="icon-box-desc">用于表示信息提示；也常用于缺乏條件的操作攔截，提示用戶所需信息</view></view><!-- 下面的話就是我們的警告的信息然后的話們給這個警告信息的話給予了就是一個灰色的顏色 --> </view><view class="icon-box"><icon class="icon-box-img" type="warn" size="50" color="#C9C9C9"></icon><view class="icon-box-ctn"><view class="icon-box-title">普通警告</view><view class="icon-box-desc">用于表示操作后將引起一定后果的情況；也用于表示由于系統(tǒng)原因而造成的負(fù)向結(jié)果</view></view></view> <!-- 我們的這個強烈的警告信息的話還有我們的這個就是紅色的圖標(biāo)視圖--><view class="icon-box"><icon class="icon-box-img" type="warn" size="50"></icon><view class="icon-box-ctn"><view class="icon-box-title">強烈警告</view><view class="icon-box-desc">用于表示由于用戶原因造成的負(fù)向結(jié)果；也用于表示操作后將引起不可挽回的嚴(yán)重后果的情況</view></view></view><!-- 除此之外的話我們還有其他的icon控件 --> <view class="icon-type-all"><icon class="icon-waitting" type="waiting" size="50"></icon><view class="wait">我們的等待圖標(biāo)</view><icon class="icon-success-no-circle" type="success_no_circle" size="50"></icon><view class="wait">用于多選控件中，表示已選擇該項目</view><icon class="icon-circle" type="circle" size="50"></icon><view class="not-circle">用于多選控件中表示的是未選中</view><icon class="have-message" type="info_circle" size="50"></icon><view class="hava-message">用于在表單中表示有信息提示</view><view>除此之外的話還有我們的相關(guān)的其它的很多的信息</view> </view>

然后的話就是我們的詳細(xì)的效果：

除此之外還有許多的icon圖標(biāo)類型可以參考微信開發(fā)者文檔。
超鏈接地址如下
https://developers.weixin.qq.com/miniprogram/dev/component/icon.html

總結(jié)

以上是生活随笔為你收集整理的微信小程序icon控件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。