摘要: 一、为什么要做成局部背景模糊? 我也是经过和UI沟通,主要是为了让顶层字体看的更清晰一些。话不多说,直接2种效果对比下,可以看出来经过背景模糊的字体会更加清晰,用户体验更好。 需要注意的几点: 1、父元素需要是背景图片。 2、局部的background 值为 inherit,继承父元素背景。 3、通 阅读全文
posted @ 2023-05-19 10:39 小小的忧愁 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 项目背景:JD 6.18大促需求,小程序分类改版成“逛百货”。因为react是JD开源的,所以领导准备让我们组以后的项目都用react写或重构。因为以前基本是用Vue开发,react也只是开发过小项目,再加上此次需求工期比较紧张,又用不是很熟悉的语言,所以再开发中也是遇到了不少坑,现在记录一下。(1 阅读全文
posted @ 2022-06-10 11:26 小小的忧愁 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 封装个图片放大的方法,由于测试页面没有进行页面Css reset 所以会有滚动出现。 需求是点击车辆全景图,车牌照或者车辆照片显示放大图片 export function showBigImage(url) { // // 创建图片 var imgObj = new Image(); imgObj. 阅读全文
posted @ 2021-10-28 14:14 小小的忧愁 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 先上最终效果图; 我们的需求是,输入车牌和日期后,展示出该车辆在不通时间下的停车记录。 首先拿到原型和效果图先要画出上面的时间: { type: 'custom', renderItem: function(params, api){ console.log() let x = ( ((that.c 阅读全文
posted @ 2021-10-27 17:56 小小的忧愁 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 因为公司有微信小程序、支付宝小程序、微信公众号、支付宝生活号、app内嵌H5等页面,而且这几端的功能是一样的,所以采用Uni-app进行开发。这里遇到的坑主要是在微信和支付宝小程序时遇到的坑进行记录。 1、授权 获取用户信息的接口,只支持微信小程序,不支持支付宝小程序,所以支付宝小程序要自己调用支付 阅读全文
posted @ 2021-09-28 16:08 小小的忧愁 阅读(2585) 评论(0) 推荐(0) 编辑
摘要: 背景:甲方要求用户微信扫描二维码跳转微信小程序,支付宝小程序扫码跳转支付宝小程序。(支付宝小程序因为还没有上线所以需要支付宝扫的时候要有个提示页面) 1、通过微信后台配置扫普通链接二维码打开小程序规则 这种方法还是适用于大多数场景的。可以通过配置规则传递不同参数。 2、通过生成小程序 URL Sch 阅读全文
posted @ 2021-07-01 23:28 小小的忧愁 阅读(5426) 评论(0) 推荐(0) 编辑
摘要: 由于官网项目做的是固定布局,如果通过媒体查询适应移动端布局就太麻烦了,最终通过中间件检测不同设备展示不同页面。 具体步骤:pc项目打包上线,wap项目打包上线,最后通过代理展示不同项目。 nuxt配置如下:package.json 里需要配置 start:运行项目的脚本 和 postinstall 阅读全文
posted @ 2019-12-05 21:58 小小的忧愁 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 今天在做移动端时遇到了,视频在我的导航(导航是通过position:fixed固定的)上面问题,效果如下 通过查了一些资料设置了以下3个属性,问题解决了 这3个属性具体的作用如下: webkit-playsinline="true":视频播放时局域播放,不脱离文档流 。但是这个属性比较特别, 需要嵌 阅读全文
posted @ 2019-11-26 11:15 小小的忧愁 阅读(2195) 评论(0) 推荐(0) 编辑
摘要: 以前在做移动端的时候是用的rem布局。这次新公司主管说直接用px写。然后在谷歌上调试的时候出现了如下问题: 我定义的字体大小是32px,而浏览器渲染成了40px。 而有意思的是,我如果给这个容器小一些的宽度,则字体大小就是正常的 最后找到原因是因为浏览器的 Font Boosting 原因导致(没有 阅读全文
posted @ 2019-11-20 18:05 小小的忧愁 阅读(535) 评论(0) 推荐(0) 编辑
摘要: 首先按照nuxt官网从头搭建项目: 1.新建一个项目目录: 2.在当前项目下新建package.json,设定如何运行nuxt: 3.安装nuxt, npm install --save nuxt 4.下面是我们项目的目录结构: 分别说下每个文件对应的作用 pages 是每个页面也是对应路由 com 阅读全文
posted @ 2019-11-19 23:13 小小的忧愁 阅读(1184) 评论(1) 推荐(0) 编辑