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

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

<!-- 在我們的這個位置的話就是設置我們的相關的圖標文件，然后的話我們的圖標名為icon --> <view class="container"><view class="icon-box"><!-- 現在的話就是我們的這個icon的圖標, 成功的圖標的話就是一個綠色的構 --><icon class="icon-box-img" type="success" size="50"></icon><view class="icon-box-title">表示的是成功</view><view class="icon-box-desc">用于表示操作順利的完成</view></view> </view><!-- 然后的話在我們的這個位置的話設置的就是我們的這個相同的方法然的話就是設置我們的提示信息的頁面 --> <view class="icon-box"><!-- 在我們的這個位置的話就是設置我們的相關的信息的界面 --><icon class="icon-box-img" type="info" size="50"></icon><view class="icon-box-ctn"><!--上面的圖標信息的話表示的就是我們的提示信息的圖標 --><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">用于表示操作后將引起一定后果的情況；也用于表示由于系統原因而造成的負向結果</view></view></view> <!-- 我們的這個強烈的警告信息的話還有我們的這個就是紅色的圖標視圖--><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">用于表示由于用戶原因造成的負向結果；也用于表示操作后將引起不可挽回的嚴重后果的情況</view></view></view><!-- 除此之外的話我們還有其他的icon控件 --> <view class="icon-type-all"><icon class="icon-waitting" type="waiting" size="50"></icon><view class="wait">我們的等待圖標</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>除此之外的話還有我們的相關的其它的很多的信息</view> </view>

然后的話就是我們的詳細的效果：

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。