摘要: 背景 公司项目开发中,发现iPhoneX上吸底元素存在被小黑条遮挡的问题 原因 在苹果 iPhoneX 、iPhone XR等机型上,物理Home键被取消,改为底部小黑条替代home键功能,从而导致吸底元素会被小黑条遮挡覆盖的问题 解决方案 1. 使用已知底部小黑条高度为34px/68rpx机型适配 阅读全文
posted @ 2020-04-18 11:08 前端小小小怪 阅读(10489) 评论(0) 推荐(1) 编辑
摘要: `//接口请求封装 let config = require('./config.js'); function request_fn(params) { wx.showNavigationBarLoading() const url = var header = { 'content type': 阅读全文
posted @ 2020-05-13 14:02 前端小小小怪 阅读(756) 评论(0) 推荐(0) 编辑
摘要: 今晚写了一个简单进度条,如下所示: 分析组成:整个进度条由三块组成,蓝色、红色、紫色三块。其中红色按钮块能够移动,改变紫色和蓝色的宽度。分析原理:1.进度条最初样式如下: 2.蓝色块初始宽度为0px,随着红色块的移动,蓝色块宽度跟着改变。3.其次需注意,拖动红色块设置三种鼠标事件,移动事件(onmo 阅读全文
posted @ 2019-06-15 00:06 前端小小小怪 阅读(943) 评论(0) 推荐(0) 编辑
摘要: 最终效果如下: 思路分析: 我们有很多图片,设置相同的宽度,高度不做设置,后面自动获取。当对所有图片浮动后,图片会自动换行排列。 瀑布流:对图片进行设置,进行一个最优的排列。如上图所示,当一行排列完成后,后续的图片该如何排列? 这里有,对后续图片进行处理,找出图片高度最小的那张图片,将它排列到第一行 阅读全文
posted @ 2019-06-14 00:05 前端小小小怪 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 放大镜1.理解什么是放大镜?当鼠标移动到图片上时,会把该区域图片放大,让用户更清晰看见。2.思路设置一个大的div模块zoom,里面包含两个小div模块(用来放两张图片,一个是原始图,一个是鼠标移动所放大的局部图)。 先对主体body进行搭建html代码: css部分样式代码: 浏览器运行效果如下: 阅读全文
posted @ 2019-06-13 00:20 前端小小小怪 阅读(312) 评论(1) 推荐(0) 编辑