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

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐