uni-app图标库

最新推荐文章于 2025-10-10 08:48:05 发布

原创最新推荐文章于 2025-10-10 08:48:05 发布 · 9.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html5 #html

首先需要使用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