name:'myIcon',

props: {/**

* 自定义字体图标库前缀*/prefixClass: {

type: String,default: 'uni-icon'},

type: {

type: String,default: ''},

color: {

type: String,default: '#333333'},

size: {

type: [Number, String],default: 16}

},

methods: {

_onClick() {this.$emit('click')

}

}

}

font-family: myicons;

font-weight: normal;

font-style: normal;

src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARYAAsAAAAACXgAAAQMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDGgqGHIUfATYCJAMUCwwABCAFhG0HWhslCFGULkqG7MdibKuBrWRkUYQsarvtRKu1XvwQwfdr6L4PFwSHJOOBJcH4qCgDJGSUS2psx7Ns/W2/16VrC5vz7XZVa6oWsH/m/bHzwjqP0yiFkCAcf9V9vtFyuldiAC6EU+L+iWcWxD0QR6HqLvzP/XxdHh9YXpsNZE9t1e3RQDujB7gzsE6PD/RBf3sL+h/GbiIO4zyBbpOGSnuH2xM0FWBaIO4Dz4JmTKeUkEKnsslZW8Q7Tmd6SHeAN/f54695GJDUDMw9vtu7sPqx8TGGIS2BdIrB788CaRMZ60AhbnNt5yp+bF1Ft2GrWi4fXgQ/Yv63AD8iKW+2//AISVaIBpD1ssQtadknPmYQ/IhikPgRbZHtKJ8V3AxZpZO7MQL8A4hDnjg/pyoaZdjAaKwt78gDDUbksRtyiOPzBCU+6aSxqibpgpNk2a5PSu17ECl4J3VnD6pJohyXryhVSXM331OWStrmbnnL5jlJd+Ul6rOkHiVbkjYTu0295302Tew0FaaAJdPGiOI5E5YXLCv9ORJnKU43k6/rmRDGuqB7WpzNJd3j4mQv1TMjTFXkobJMKNy6yUTqZIyyqzdv1ppzwkVpY2fIWfG87tzOrWhIqlxKJk2sCu5IRjOP8IwsF06TTSVb8m6oKP+zwtNchczMHaGLqJQUalHoZH7+4oR1VRCtfVloarCFWPvt2dPyyiqqHcHVtENDRZ+k43dq6p3sbPdav9dnTf7w7EKT5ENrFqX1BXpdLrbJ78mc+TC9FWIZAGyG5+N1rvMBLgDgI4ODL9o7LHI+mjEPHSu3Lz+GmGnf6bkWEYRzDxg8nz2fdNJyQUJfmN84KCBeI87F7q0aioiG14bw9UdUNWxVYMXtm0z3FakD78FHMFq1O3jJCKNpPy9lZjagCxeqTM8awf75w55l2JRDRKEdtgEj81f6D9B+YT4yuKRveVp9gYGKrU9qnIunzbYxSPzaNL6tqO8eL0/znvYCq14+6JSozf+A+DWbiikE+lr0UszT/dWRTyWS0A1dtKxr2F8/irHaEUJnjC9B0mECsk7z2EJch6rHBjQ6bUK3NcfNPUawiihdWPXFQBj0DUm/T8gG/WAL8Reqcf/QGAwGul2GxZ49FqOkvYjJEnLR/sTAyVKFjNL2iu/kvcYWR4Uu+YVYB0GcBYcmk0dKiftYoN+8uYhCxVmCB+YyiuMMc85CcmTsi+TLSUhh3gONnSyBtl2MWARxIdsnFHBkUop2F+3U098Rz6uYhUvKGswvCNOC/tHM2LQG9ihLa5Wdy2DtjWdOCMVPUlgmgQ6shcQwlkF5/qgQcYgxv0UktzTh2qm6svH4iuQa8//kimB4jRQ5StRodO28fySkT4vnN81Elrl1AQA=') format('woff2');

}

.uni-icon-wrapper {

line-height: 1;

}

.uni-icon {

font-family: uniicons;

font-weight: normal;

font-style: normal;

line-height: 1;

display: inline-block;

text-decoration: none;-webkit-font-smoothing: antialiased;

}

.my-icon {

font-family: myicons;

font-weight: normal;

font-style: normal;

line-height: 1;

display: inline-block;

text-decoration: none;-webkit-font-smoothing: antialiased;

}

.my-icon-test:before {

content:"\e634";

}

.uni-icon.uni-active {

color: #007aff;

}

app自定义图标 vue_uniapp自定义图标组件相关推荐

  1. jquery 自定义正方形图标_苹果ios14桌面小组件怎么改图标 更换桌面图标设置教程...

    ios14小组件除了自定义桌面图片之外,还可以更换图标,使得每个软件图标都有不一样的变化,让你的桌面焕然一新,这里需要使用快捷指令来完成,ios14小组件怎么更换图标?怎么设置?下面带来介绍. ios ...

  2. 01_MUI之Boilerplate中:HTML5示例,动态组件,自定义字体示例,自定义字体示例,图标字体示例

     1安装HBuilder5.0.0,安装后的界面截图如下: 2 按照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的 ...

  3. 如何自定义Tab Icon和图标组件?

    具体步骤:(3) 添加 Tabbar View 页面和 图标 组件 进入官网 资源社区 下载安装ICON模版 应用ICON 步骤分解: 添加Tabbar View页面和图标组件 点击左侧进入 界面面板 ...

  4. 微信小程序设置字体无效_微信小程序自定义字体及自定义图标问题说明

    自定义图标及自定义字体,一直是很多小程序开发者的心病,其实本站是很多解决方案的,为了集中起来,方便直接跳过此坑,我特别做了这次针对字体及字体图标的跳坑: 相关讨论: Q:小程序开发时能否使用我们自定义 ...

  5. 鼠标图标怎么自定义_苹果ios14怎么自定义图标 图标位置自由排列换风格教程

    苹果ios14怎么自定义图标 图标位置自由排列换风格教程 iOS 14 发布后,自定义主屏幕图标成为了一种流行的趋势,一些用户通过「快捷指令」将默认的应用图标替换为自定义图标,然后将应用本来的图标隐藏 ...

  6. Vue 使用echarts 地图自定义图标和修改图标样式,点击切换图标

    效果图:如下 注意事项: 1.使用echarts最好看官方文档,官方文档(链接如下) https://echarts.apache.org/examples/zh/index.html#chart-t ...

  7. ant-design-vue自定义使用阿里iconfont图标

    ant-design-vue自定义使用阿里iconfont图标 ant-design-vue与vue-admin-element引用iconfont图标还是有点区别的,具体步骤如下: 第一步:从ico ...

  8. .QT-制作最强电压电阻表盘,可以自定义阴影效果,渐变颜色,图标,文字标签等-附带demo程序

    .QT-制作最强电压电阻表盘,可以自定义阴影效果,渐变颜色,图标,文字标签等-附带demo程序 qt自定义控件-圆形通用指示表盘

  9. echarts之legend-改变图例的图标为自定义图片

    legend是echarts中的图例 名称 类型 默认值 可选值 效果 data Array [] 图例内容数组,数组项通常为{string},每一项代表一个系列的name,默认布局到达边缘会自动分行 ...

最新文章

  1. 中文版-He Knows My Name(他知道我的名字)-祂认得我-陈熙(音乐河4)
  2. redis安装 redis命令 php如何使用redis
  3. RxJava+Retrofit+OkHttp深入浅出-终极封装四(多文件下载之断点续传)
  4. gulp修改服务器端口,2.用gulp建立一个服务器
  5. 【Python】数据科学家提高效率的 40 个 Python 技巧
  6. 加密芯片——AES算法特点与应用注意事项
  7. 蓝桥杯 ALGO-115 算法训练 和为T Java版
  8. fork: retry: Resource temporarily unavailable 解决方案
  9. 在Eclipse中使用Gradle开发web3j以太坊应用
  10. 蓝桥杯 平方怪圈 JAVA
  11. python 计算器功能实现
  12. appium-滑动、拖动操作
  13. oracle启动报错ora11157,ORA-20011 KUP-11024 外部表引起的错误
  14. 毕业论文页码及目录设置方法
  15. 达人评测 r7 7840HS和i5 1340p选哪个 锐龙r77840HS和酷睿i51340p对比
  16. Flash常用源代码大全
  17. sparql学习 sparql示例 dbpedia在线验证
  18. 智能车浅谈——手把手让车跑起来(电磁篇)
  19. 7-9 部落 (25分)
  20. 在Mavne环境下,实现struts2和hibernate的NVN关系的注解式开发?

热门文章

  1. SAP Fiori Tools 和对应的 CLI (Command Line Interface)
  2. 如何在 SAP 电商云 Spartacus UI 里访问 CMS Component data 数据
  3. Rxjs BehaviorSuject 和 Observable 的区别
  4. 把运行在 Docker 容器内的 Microsoft SQL 服务器部署到 SAP Kyma 中
  5. SAP Spartacus select option默认选择的实现
  6. 如何将Java工程导出成可以执行的jar
  7. 用JavaScript实现的设计模式之commandline(命令行)模式
  8. Visitor(访问者)模式在SAP CDS view测试框架中的灵活运用
  9. 一个最简单的SAP UI5应用部署到SAP云平台CloudFoundry环境后,自动生成了哪些资源
  10. SAP WebIDE UI5应用的几种启动方式