码迷,mamicode.com
首页 >  
搜索关键字:iconfont    ( 349个结果
【电商5】header shopcar
####盒子随内容变大 ###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
iconfont阿里字体使用
####搜索图标,加入购物车。进入购物车页面后,添加至项目。 #####Font class->生成代码->(该代码加上前缀http:)可用浏览器打开,以查看这个css文件 得到以下内容 ####使用方法 step1.样式文件.css(上文的代码加上前缀http:)引入到html中 step2.使用 ...
分类:其他好文   时间:2020-12-19 12:11:33    阅读次数:1
uniapp UI 设计参考网站
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
uniapp 引用 iconfo
1、去iconfont中选取需要用到的图标,并将其添加在自己的项目中。 2、把图标下载到本地 3、解压下载的文件,将除iconfont.css外的其余文件一概删除 4、回到自己的iconfont项目,选择unicode点击生成代码 5、生成完毕后复制代码,打开iconfont.css文件 6、将ic ...
分类:移动开发   时间:2020-11-07 16:54:27    阅读次数:33
仅3行核心css代码的rate评分组件
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下: 去找个好看的iconfont,[Iconfont-阿里巴巴矢量图标库];借用5个radio单选框,把默认样式都去掉,显示默认的星星;用checked伪类监听用户选中?,由默认的星星变成高亮的星星;然后配合~兄弟操作符把当前 ...
分类:Web程序   时间:2020-10-18 16:23:01    阅读次数:33
React图片预览组件,支持缩放、旋转、上一张下一张功能
1、功能需求:由于项目业务需要一个图片预览的功能,又不想引入太多组件依赖,所以决定自己编写一套,实现了图片放大缩小、旋转、查看下一张或上一张图片功能,如图1.0截图所示。 2、外部资源:这里的icon图标采用的是 iconfont 里面的图标,自己可以自行寻找自己喜欢的图标代替,或者使用默认的图标, ...
分类:其他好文   时间:2020-07-26 01:01:26    阅读次数:202
引用iconfont图标使用svg标签显示
直接在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
在vue项目中使用iconfont
在实际的项目开发中,我们经常会借助confont图标库来渲染一些图标 本文将以win平台为例,详细介绍在vue项目中使用iconfont的一般流程 一、选择图标并下载到本地 打开 iconfont官网 进入“图标管理”中“我的项目”,并新建项目 挑选图标放入购物车中,然后打开购物车侧边栏,“添加至项 ...
分类:其他好文   时间:2020-07-15 01:01:18    阅读次数:114
349条   上一页 1 2 3 4 ... 35 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!