?首先需要使用HBuilder X安裝導入插件

? ? ? ? 官方文檔路徑：https://ext.dcloud.net.cn/plugin?id=28?

<template><view><uni-icons type="cloud-upload"/><uni-icons type="cloud-upload" color="#007aff" /><uni-icons type="cloud-upload" color="#007aff" size="25" /><uni-icons type="cloud-upload" color="#ff0000" :size="size" @click="max" /></view> </template><script>export default {data() {return {size:35}},methods: {max() {this.size++}}} </script>

如果想要換圖標，只需要將type值改為圖標庫中的值即可?

? ? ? ? 圖標庫文檔鏈接：https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons

總結

以上是生活随笔為你收集整理的uni-app图标库的全部內容，希望文章能夠幫你解決所遇到的問題。

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