更新记录

1.0.0（2026-04-30） 下载此版本

• init: 支持多颜色的 svg 方案

平台兼容性

uni-app x(5.07)

kaka-svg

kaka-svg 是 uniappx全端兼容 的 多颜色 SVG标准组件。

环境要求

• HBuilderX 建议 5.07 及以上。

安装

在 DCloud 插件市场 搜索 kaka-svg 导入，或把 uni_modules/kaka-svg 复制到项目里的 uni_modules 目录。

组件 <ka-svg>

示例：

<ka-svg src="/static/logo.svg" color="#3B87F6" root-class="logo" />

<ka-svg
  src="https://cdn.example.com/icon.svg"
  :colors="['#bbffaa', '#1989fa', '#07c160']"
/>

<ka-svg :src="svgString" root-class="logo" />

大小需要自己控制，一般通过 root-class 设置宽高，例如：

.logo {
  width: 40px;
  height: 40px;
}

各端显示方式

Props 与事件

Props

事件