1.下载阿里图标 2.解压 将解压文件放入到 lib/style/font/ 文件下(路径可自定义): 只有 iconfont.ttf 有用,别的都可删除,建议留着,方便查看图标 3. 配置pubspec.yaml文件 fonts: - family: iconfont # 引入图标的别名,自定义 ...
分类:
其他好文 时间:
2020-07-12 22:31:28
阅读次数:
109
嗨,我是 Martin,也叫老王,今天推荐一款好用的开源图标库。 我们平常找图标往往会去 iconfont 但是今天,我们看了 Martin 的文章之后,就会有一个新的选择——CSS.GG Github https://github.com/astrit/css.gg star 5751 fork ...
分类:
Web程序 时间:
2020-07-05 21:23:03
阅读次数:
83
宝藏网站来源于b站UP主 “我是莫提" https://flatuicolors.com/ 前端配色参考网站 http://zhongguose.com/ 中国传统颜色网站 https://www.iconfont.cn/ 阿里矢量图标库网站 http://www.fontawesome.com.c ...
分类:
Web程序 时间:
2020-06-30 22:44:12
阅读次数:
93
第一步: 进入官网,注册--登录 阿里巴巴矢量库 第二步: 图标管理 我的项目--创建项目 新建 新建项目 第三步: 进入图标库--官方图标库 开始选择图标 第四步:选中图标-- 添加入库-- 添加至项目 选择刚刚创建的项目--确定 下面举例我们选择了两个图标 购物车中的图标 添加至项目 第五步: ...
分类:
其他好文 时间:
2020-06-29 09:30:16
阅读次数:
98
一、使用icfont 图标 1、首先从官网中选择图标下载下来 把fonts文件夹放入到静态资源文件夹中,比如assets 中 2、在main.js中引入图标文件 fonts/iconfont.css 比如: import './assets/fonts/iconfont.css' 3、使用 以vue ...
分类:
Web程序 时间:
2020-06-25 11:40:36
阅读次数:
322
链接:https://blog.csdn.net/Cheny_Yang/article/details/84026919 ...
分类:
其他好文 时间:
2020-06-24 13:41:21
阅读次数:
155
在前端学习中会使用各种各样的网站,以下作为记录。 一、阿里图标库 https://www.iconfont.cn/home/index 二、layui经典模块化前端UI框架 https://www.layui.com/ 三、echarts数据可视化工具(各种图表) https://echarts.a ...
分类:
Web程序 时间:
2020-06-23 19:21:07
阅读次数:
53
uniapp本地使用iconfont iconfont:https://www.iconfont.cn 从iconfont中选择图标,下载之后解压缩包,保留 iconfont.css、iconfont.ttf 将此文件拷贝到uniapp目录中(我是拷贝到colorui目录下) iconfont.cs ...
分类:
移动开发 时间:
2020-06-20 17:08:13
阅读次数:
101
可能现有得小程序UI组件库中存在icon图标。但是用起来很别扭,还需要遵循UI组件得条条框框API。而使用字体图标简单易用,没那么多复杂得API,想用什么直接上类名即可。 将copy的字体样式。复制到小程序的公共样式中(或者新建css文件) 在wxss文件中通过 @import 导入该css字体图标 ...
分类:
微信 时间:
2020-06-15 16:06:00
阅读次数:
91
最近公司的设计人员想要把网站上面的小图标都改为iconfont,我也做了一篇PPT分享给大家,如果现在不记下来,可能过几个月就忘得一干二净了 一· 现代设计的趋势 我们知道,传统设计的思路是拟物化,就是在电子设备中,模拟真实的世界。比如我们用的按钮,会有一些阴影的设计,让他看起来更像我们生活中用到的 ...
分类:
其他好文 时间:
2020-06-11 18:18:08
阅读次数:
63