####盒子随内容变大 ###html <div class="shopcar iconfont icon-gouwuche icon-zhankai1"> 我的购物车 <i class="count">8000000</i> </div> ###common.css .shopcar { posi ...
分类:
其他好文 时间:
2020-12-25 12:31:12
阅读次数:
0
####搜索图标,加入购物车。进入购物车页面后,添加至项目。 #####Font class->生成代码->(该代码加上前缀http:)可用浏览器打开,以查看这个css文件 得到以下内容 ####使用方法 step1.样式文件.css(上文的代码加上前缀http:)引入到html中 step2.使用 ...
分类:
其他好文 时间:
2020-12-19 12:11:33
阅读次数:
1
ColorUI组件库快速入门 https://www.jianshu.com/p/859fcca215f1 模板海报设计 https://www.canva.cn/ 阿里巴巴矢量图标库官网 https://www.iconfont.cn/ appUI样例 http://app.xueui.cn/ e ...
分类:
移动开发 时间:
2020-11-19 13:04:43
阅读次数:
45
减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部,JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存,不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类:
其他好文 时间:
2020-11-17 11:52:44
阅读次数:
4
1、去iconfont中选取需要用到的图标,并将其添加在自己的项目中。 2、把图标下载到本地 3、解压下载的文件,将除iconfont.css外的其余文件一概删除 4、回到自己的iconfont项目,选择unicode点击生成代码 5、生成完毕后复制代码,打开iconfont.css文件 6、将ic ...
分类:
移动开发 时间:
2020-11-07 16:54:27
阅读次数:
33
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下: 去找个好看的iconfont,[Iconfont-阿里巴巴矢量图标库];借用5个radio单选框,把默认样式都去掉,显示默认的星星;用checked伪类监听用户选中?,由默认的星星变成高亮的星星;然后配合~兄弟操作符把当前 ...
分类:
Web程序 时间:
2020-10-18 16:23:01
阅读次数:
33
1、功能需求:由于项目业务需要一个图片预览的功能,又不想引入太多组件依赖,所以决定自己编写一套,实现了图片放大缩小、旋转、查看下一张或上一张图片功能,如图1.0截图所示。 2、外部资源:这里的icon图标采用的是 iconfont 里面的图标,自己可以自行寻找自己喜欢的图标代替,或者使用默认的图标, ...
分类:
其他好文 时间:
2020-07-26 01:01:26
阅读次数:
202
直接在app.ve文件里 created() { const svgIcon = document.createElement('script') svgIcon.src = '//at.alicdn.com/t/font_550125_fwvsv541938.js' document.body.a ...
分类:
其他好文 时间:
2020-07-17 09:36:30
阅读次数:
175
1.在线颜色 https://sunpma.com/other/rgb/ 2.阿里巴巴图库 https://www.iconfont.cn/search/index?spm=a313x.7781069.1998910419.dac382181&searchType=icon&q=%E7%99%BB% ...
分类:
Web程序 时间:
2020-07-15 16:01:30
阅读次数:
93
在实际的项目开发中,我们经常会借助confont图标库来渲染一些图标 本文将以win平台为例,详细介绍在vue项目中使用iconfont的一般流程 一、选择图标并下载到本地 打开 iconfont官网 进入“图标管理”中“我的项目”,并新建项目 挑选图标放入购物车中,然后打开购物车侧边栏,“添加至项 ...
分类:
其他好文 时间:
2020-07-15 01:01:18
阅读次数:
114