资源格式

XML	本地文件	网络文件	Base64
√	×	×	×

Props

属性	类型	可选值	默认值	说明
src	String	-	-	XML资源
width	Number	-	24	宽度
height	Number	-	24	高度
unit	String	-	px	宽度和高度的单位

组件示例

<template>
	<view>
		<ucs-svg :src="src" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// XML资源
				src: '<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="24" r="3" fill="#333"/><circle cx="24" cy="24" r="3" fill="#333"/><circle cx="36" cy="24" r="3" fill="#333"/></svg>'
			}
		}
	}
</script>

<style>

</style>

资源推荐

• yesicon：精选全球高品质、开源免费的矢量图标库
• iconfont：阿里巴巴矢量图标库
• iconpark：一个通过技术驱动矢量图标样式的图标库