更新记录
1.0.5(2023-09-22) 下载此版本
增加新图标
1.0.4(2023-09-13) 下载此版本
微调
1.0.3(2023-09-13) 下载此版本
增加部分图标,调整自定义图标路径
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
dao-iconfont
参考了uni-admin中的icon引入方式,下面的代码是重点
@font-face {
font-family: dao-icon; /* by dao 自定义图标 */
src: url('~@/uni_modules/dao-iconfont/static/fonts/iconfont.ttf') format('truetype');
font-weight: 400;
font-display: "auto";
font-style: normal
}
[class*="dao-icon-"],
[class^=dao-icon-] {
font-family: dao-icon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: baseline;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
- 使用方式
dao-icon-xxx