element-UI的Icon图标不够,可以使用iconfont的图标顶替
在实际的开发过程中,我们界面需要添加一些图标,点缀系统的界面,最常用的比如有添加图标、删除图标、用户图标、折叠图标等等。 对于简单的图标element-UI的Icon组件是够用的,但是对于一些复杂的应..
使用css实现文件夹图标的方法
文件夹的图标,不一定是使用图片来实现,使用css实现,其实体积更小。而且放大和缩小不会影响它的分辨率。
使用纯css实现编辑/修改图标,比图标更炫更轻
使用图片形式的图标,假如图标多了,会增加网站文件的总大小,特别是小程序对应用体积有要求的一些场景。有一些图标,是可以使用纯css样式代替的,比如编辑和修改图标,就可以使用纯css样式代替。
使用纯css样式实现保存图标例子
使用图片形式的图标,假如图标多了,会增加网站文件的总大小,有一些图标,是可以使用纯css样式代替的,比如保存按钮,就可以使用纯css样式代替。
使用css样式代替原生table组件的方法
table组件的可控性往往没有div灵活,使用div+css样式,其实也可以实现table的表格显示功能,比如css样式
使用css绘制五角星的方法-可定制颜色
我们平时开发之中,有些形状不一定需要图片来实现,用css即可实现很多不同的形状,下面这个五角星就是可以使用css来绘制,效果也非常不错哦。
使用css实现文字超过div宽度显示省略号
平时我们做界面展示的时候,经常会遇到一个问题,内容是用户输入的,但是我们不知道用户输入的内容的长度,而我们UI设计的宽度有限,装不下这么多的字。
一个酷炫按钮的css样式例子模版
一个酷炫按钮的css样式例子模版,如下面代码所示,重点是设置 border:none和设置outline: none;然后再设置一定的border-radius
