Skip to content

iconfont图标的封装

可根据项目自行到iconfont下载对应的图标,此组件也准备好一些图标

使用方法:

js
<template>
	<view>
		<ml-icon type="icon-diamond" color="blue" size="65"></ml-icon>
	</view>
</template>

<script>
	import mlIcon from "@/components/ml-icon.vue"
	export default {
		data() {
			return {}
		},
		components:{
			mlIcon
		},
		methods: {
			
		}
	}
</script>
<template>
	<view>
		<ml-icon type="icon-diamond" color="blue" size="65"></ml-icon>
	</view>
</template>

<script>
	import mlIcon from "@/components/ml-icon.vue"
	export default {
		data() {
			return {}
		},
		components:{
			mlIcon
		},
		methods: {
			
		}
	}
</script>

参数介绍:

参数注释
type图标名(默认已经有iconfont)
color图标颜色(默认颜色#999)
size图标大小(这里使用rpx,默认40)

事件:

事件注释
onIcon@onIcon="自定义"

程序员小洛文档