更新记录
1.0.5(2023-09-22) 下载此版本
增加新图标
1.0.4(2023-09-13) 下载此版本
微调
1.0.3(2023-09-13) 下载此版本
增加部分图标,调整自定义图标路径
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
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