更新记录
1.1(2025-06-21)
下载此版本
更新组件
1.0(2025-06-21)
下载此版本
提交示例项目
平台兼容性
uni-app(4.03)
Vue2 |
Vue3 |
Vue2插件版本 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
- |
√ |
1.0 |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(4.03)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
使用
<template>
<view class="">
<ay-svg name="arrow-left" color="#000" />
<ay-svg name="arrow-left" color="red" size="100" />
<view style="margin-top: 30rpx;"></view>
<ay-svg name="star-fill" color="#000" />
<ay-svg name="star-fill" color="red" size="100" />
<view style="margin-top: 30rpx;"></view>
<ay-svg name="map" color="#000" />
<ay-svg name="map" color="red" size="100" />
</view>
</template>
组件使用说明
参数 |
必填 |
说明 |
类型 |
默认值 |
name |
是 |
svg 的文件名,不含后缀 |
String |
|
size |
否 |
svg 的大小 |
Number 或 String |
40 |
color |
否 |
svg 的颜色 |
String |
|
unit |
否 |
svg 的单位 |
String |
rpx |
提示
svg 文件默认存在项目的/static/svg 目录下,自己需要什么图标在svg文件下添加就可以了。