uniapp组件-uni-icons 图标

官网示例:https://ext.dcloud.net.cn/plugin?id=28 

例子 

<template>
	<view>
		<uni-icons type="arrowdown"/>
		<uni-icons type="checkmarkempty" color="#007aff" />
		<uni-icons type="checkmarkempty" color="#007aff" size="25" />
		<uni-icons type="arrowup" color="#ff0000" :size="size" @click="test" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				size:35
			 }
			},
	    methods: {
			test() {
				this.size++
			}
		}
	}
</script>

效果图

如果想要换图标,只需要将type值改为如下图标中的值即可

猜你喜欢

转载自blog.csdn.net/qq_40323256/article/details/114241477