合集-前端-功能集

vue自定义弹窗中，遇到的层级遮罩问题
摘要：需求：因为项目中大屏里的弹窗，需要按照页面比例缩小，当浏览器页面缩小时，大屏内容也要跟着缩小。大屏的缩小是根据监听resize函数，然后用 transform 进行缩小，但是由于弹窗用的是element-ui里的dialog组件，这个组件在body之下，不受上面的缩小影响，所以当页面缩小时，弹窗没有 阅读全文
posted @ 2023-04-22 12:19 爱美丽—— 阅读(1031) 评论(0) 推荐(0)
表格鼠标悬浮修改行的背景色，单击行也要有背景色
摘要：需求背景：需要对表格同时实现鼠标悬浮行有背景色，单击行时也要有背景色。 主要注意点： 给表格行添加 悬浮背景色：tr:hover 在给选中行添加背景色时，让其背景色为 !important，这样鼠标悬浮时就不会覆盖选中行的背景色。 解决方案： CSS: .select{ background-col 阅读全文
posted @ 2023-05-02 16:01 爱美丽—— 阅读(466) 评论(0) 推荐(0)
微信小程序页面传参
摘要：背景：项目当中有个需求就是 要在A页面传一个 "http链接"到B页面，传的链接字符里面包含了“？= &”这种字符，然后导致页面传过去之后，只能接收到？字符前面的字符串，？后面的字符串就接收不到了。 原因：出现这种问题的原因，因为传递的参数里面包含了特殊字符，而且可能是options里对？后面的参数 阅读全文
posted @ 2023-06-17 10:48 爱美丽—— 阅读(159) 评论(0) 推荐(0)
grid布局 属性汇总
摘要：属性 关于grid常用的属性，我们可以划分为容器属性和容器成员属性 <!--最外层的<div>元素就是容器，内层的三个<div>元素就是项目。--> <div> <div><p>1</p></div> <div><p>2</p></div> <div><p>3</p></div> </div> 容器 阅读全文
posted @ 2023-11-18 23:02 爱美丽—— 阅读(168) 评论(0) 推荐(0)
flex布局
摘要：一、属性 关于flex常用的属性，我们可以划分为容器属性和容器成员属性 1、容器属性有： flex-direction：项目元素方向 flex-wrap：项目是否换行 flex-flow：是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap justif 阅读全文
posted @ 2023-11-18 23:13 爱美丽—— 阅读(51) 评论(0) 推荐(0)
微信小程序跳转到任意小程序指定页面
摘要：需求描述：由于业务需要在公司的小程序里某个页面打开另外一个第三方小程序的页面 微信小程序打开另外一个小程序的API wx.navigateToMiniProgram({ appId: '', path: 'page/index/index?id=123', extraData: { foo: 'ba 阅读全文
posted @ 2023-11-25 09:32 爱美丽—— 阅读(1367) 评论(0) 推荐(0)
微信小程序使用setData修改数组中的指定下标的属性值
摘要：// 设置数组某个下标的结果，只渲染其下标的数据 let checkProp = "list[" + index1 + "].check; this.setData({ [checkProp]: false }) 阅读全文
posted @ 2024-06-22 15:37 爱美丽—— 阅读(26) 评论(0) 推荐(0)