CSS
大陀螺
PHP/JS/SWIFT
展开
-
IcoMoon双色字体图标换行时未完全显示
项目需要在一些用户名后面显示图标。最初直接用图片格式添加在文字后面,但在pc端和不同的手机端,图标位置忽上忽下,很难调,代码也显得杂乱。最终决定将mark制作成字体图标,用i标签来显示,以保证图标和字体位置一致。在需要加下划线的位置,也不用做任何特殊处理。参考了文章链接: link.自制字体图标,引入项目。位置的问题完美解决,但测试人员反映,在iOS端,有的图标显示有异常。正常是红色箭头所指,蓝色多边形内有一个白色勾,但绿色箭头所指处未显示白色勾。iOS端icon出现在一原创 2020-11-12 21:29:21 · 300 阅读 · 0 评论 -
Web页面iOS真机调试-win10
被叫去其他项目组帮忙改bug,一看全是安卓和pc谷歌浏览器上不会出现,仅在safari上存在的样式崩坏。但公司只给了台win10老爷机。于是开始了win10的iOS调试之路。主要步骤:在电脑上安装iTunes; 下载safari适配器; iPhone连接电脑; chrome打开inspect页面(手机访问虚拟机代码则需做端口映射); 运行适配器; iPhone...原创 2020-03-16 16:57:56 · 2381 阅读 · 0 评论 -
Vue+CSS实现渐变 半透明遮盖文字 点击显示全文取消遮盖
1.目标效果2.实现思路默认指定列表最大高度,显示【显示全文】按钮,在显示全文前插入遮罩div。 点击显示全文后取消列表高度限制,隐藏【显示全文】按钮和遮罩div。3.实现代码html部分 <div class="notice_box"> <div> &l...原创 2020-01-23 15:07:13 · 2988 阅读 · 0 评论 -
Vue完成数据请求后内容超出显示省略号+显示查看全文按钮
需求:如下图,当Vue完成数据请求后,根据文章内容设置显示方式。10行以内的显示全文,不显示【查看全文】按钮;内容超过指定行数时,超出内容隐藏,末尾显示省略号并显示【查看全文】按钮。实现思路 在异步请求数据完成后,判断文章内容所在元素高度。根据元素高度控制元素class和按钮显示。实践//给文章内容元素设置ref ;绑定class样式hide_des...原创 2019-12-26 17:04:59 · 3346 阅读 · 0 评论 -
如何用CSS做六边形图片/蜂巢形图集(详解)
目标效果:要达到蜂巢形的图集展示,实质上就是做六边形图片。实现思路:1.一个大div内有两个子div,分别将两个div顺时针和逆时针旋转60度,形成六边形;2.给三个div加同一个背景,调节背景大小和位置,使得三张图片完全重合,形成六边形图片效果;3.复制粘贴5个六边形,并做flex布局。第一步:画出3个div第二步:2-1 给1一个div加同一个背景图...原创 2018-12-09 03:11:09 · 4595 阅读 · 3 评论