更新记录

1.0.3（2026-06-24） 下载此版本

1.0.3

• 支持q-svg标签 style自定义

• 支持q-svg标签class

1.0.2

• 更新样式兼容问题

• 添加转换为Base64 img图片

平台兼容性

uni-app(4.71)

其他

使用说明

1、全局注册

在main.js 中注册插件

import Qsvg from './components/q-svg/Qsvg.vue'
export function createApp() {
  const app = createSSRApp(App)
  app.component('q-svg', Qsvg)
  return {
    app
  }
}

2、使用方式

只需全局替换<svg>标签为和对应的结束标签。例如：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" class="input-icon">
                <rect x="3" y="11" width="18" height="11" rx="2"/>
                <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
            </svg>

替换为

<q-svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" class="input-icon">
                <rect x="3" y="11" width="18" height="11" rx="2"/>
                <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
            </q-svg>

支持自定义class设置样式和行内样式style