首页 > 编程知识 正文

uniapp 标库,uniapp动态标

时间:2023-05-04 21:43:38 阅读:219836 作者:4988

用最简单的方法参照:阿里巴巴矢量图库的具体使用用法可以变色改变大小
以上你会发现多色图标显示出来并不是彩色的!!!

第一步:老规矩 先选好自己喜欢的多色图标,下载
第二步:
创建一个文件夹 把下载的东西放进去(其实不用放全部 后缀名 eot js svg ttf woff iconfont.css ),放入这6个就行了
第三步:在全局样式里面app.vue中引入 iconfont.css 就会报错,在前面加 / 就好了 就是在css里面点进去的上面



之前是没有/ 的 打了/就不报错了
第四步:main.js中引入
第五步:
所需要用到的代码如下:

//可以不要 是用来调整的大小的 改变颜色无效.iconfonts{font-size: 100rpx;}.icon {width: 1em; height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}<svg class="iconfonts icon" aria-hidden="true"> <use xlink:rel="external nofollow" href="#icon-shuihu"></use></svg>

最终效果如下:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。