Skip to content

使用演示

重要提示

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

资源格式

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

警告

如果运行插件编辑器出现 java.lang.NoClassDefFoundError: Failed resolution of: Lcom/caverock/androidsvg/SVGImageView; 错误提示,则表示打包自定义基座时原生插件部分并未打包,需要重新自定义基座。

组件示例

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