使用方式

重要提示

因跨平台需求及性能考虑，uni-app-x[app] 和 uni-app[app-nvue] 采用 uts 插件实现以优化性能，这两端需要配置 uts 插件运行配置后 自定义基座 使用。其余端不受此约束，可直接使用。

• Android UTS插件运行编译配置
• IOS UTS插件运行编译配置

资源格式

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

组件示例

<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：一个通过技术驱动矢量图标样式的图标库