# lime-svg 矢量图标
- lime-svg 是一款UTS实现的原生图标插件,支持uniapp/uniappX
## 安装
在插件市场导入,由于普通授权版无法自定义基座。请如需使用请购买源码版。或按下面使用提示的第三点操作免费使用.
## 使用
- 安卓和ios提供基于`原生插件`和`webview`两渲染机制,如果使用`原生插件`则需要`自定义基座`再使用.
- 原生插件实现的不支持动画,如果需要动画请选择`webview`
- 如果你不是`app`或`app`只使用`webview`渲染,也可以删除插件目录里的`utssdk`和`encrypt`这样就可以避免自定义基座免费使用.
### 路径
通过设置`src`来加载svg图标,支持本地\网络\源文本\base64等方式
```html
```
### 颜色
通过设置`color`来改变svg图标颜色,只支持svg是纯色图标,多色无效.
```html
```
### webview
通过设置`:web="true"`使用`webview`渲染
```html
```
### 插件标签
- 默认 l-svg 为 component
- 默认 lime-svg 为 demo
-
### 关于vue2的使用方式
- 插件使用了`composition-api`, 如果你希望在vue2中使用请按官方的教程[vue-composition-api](https://uniapp.dcloud.net.cn/tutorial/vue-composition-api.html)配置
- 关键代码是: 在main.js中 在vue2部分加上这一段即可.
```js
// vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)
```
## 打赏
如果你觉得本插件，解决了你的问题，赠人玫瑰，手留余香。
