- 博客(12)
- 收藏
- 关注
原创 vue3 使用自定义指令(directive)实现快捷添加遮罩层
因为全局注册的 所以在需要的组件可以直接写 使用 当元素存在时展示遮罩层 销毁时遮罩层跟着销毁。遮罩层效果如下:(可传参修改遮罩层颜色、透明度)之后在index.js文件夹里面全局引入并使用。代码写在src的directive文件夹里面。创建一个overlay.js文件。
2024-05-17 16:59:51
768
原创 H5 uniapp+uview+vue3 触底分页操作
页面结构如下,将需要滑动的区域用scroll-view标签抱起来 设置scroll-y属性 并且要给这个一个明确的高度才会生效。而这个scrolltolower就是滑动触底时会触发的事件,将需要操作(发送请求)的逻辑写在事件执行函数里即可。之后在箭头函数里面写触底需要执行的逻辑即可(注释掉的是我的逻辑 不用管)注:方法2的页面貌似不能有scroll-view标签 否则貌似会失效?1.页面是局部滑动的 最上方有些内容固定,只留部分空间进行滑动。1.页面是局部滑动的 最上方有些内容固定,只留部分空间进行滑动。
2024-04-16 16:03:40
1055
1
原创 输入框监听input事件 怎么忽略输入法打字时的输入
2.除了监听input事件外,额外监听下两个事件即可(注释部分为业务逻辑 不用管)1.先定义一个变量去判断。
2024-04-16 09:37:41
260
原创 H5 uniapp+uview+vue3 在组件中动态添加子元素
ps:为什么不直接用绝对定位贴在组件上方,因为正好要创建的是一个输入框 在移动端一点击输入框 目标组件和输入框都会有不同程度的上移 所以直接用绝对定位不够自然,想着还是把输入框塞进选择器里面比较好。ps:由于封装好的组件其实是套了很多层的,如果最外层的添加没有用,可能就需要找他的子元素,在onmounted阶段(或之后)则可以通过xxx.value访问该节点。在组件中动态添加子元素(该组件没有设置插槽)所以需要访问他的其中一个后代元素挂载。最外层(xxx.value)↓。新创建的元素:有两种方法。
2024-04-16 09:29:46
827
原创 CSS总结
备注:css文件以css为后缀名,且里面只能放样式 不能放标签等其他东西。③外部样式表:将样式写在css文件中,再通过link标签引入。①行内样式表:直接通过标签的全局属性style去定义样式。CSS样式主要写法:选择器 { 属性:值;学习CSS,主要就是掌握选择器与属性。②内部样式表:写在style标签中。
2023-10-30 09:17:52
75
1
原创 HTML+JS-canvas图形标签
canvas> 元素本身并没有绘制能力(它仅仅是图形的容器/画布),可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。一个画布在网页中是一个矩形框,通过 元素来绘制。备注:画布是矩形框,以矩形框的左上角为原点构建二维坐标系,向右为x轴正方向,向下为y轴正方向,如图所示。画布建成以后,剩下的绘制工作都通过脚本去绘制。绘制分为两个步骤:初始化画布对象 与 对应的绘制操作。②通过getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。
2023-10-27 10:03:11
254
1
原创 HTML总结
HTML:超文本标记语言 ,标记就是标签的意思HTML标签主要写法: 其中属性分为全局属性与特有属性,全局属性就是所有标签都可以有的属性,如class,style,id等,而特有属性就是只有指定标签才有的属性(其他标签写了也没反应),学习HTML,主要就是掌握标签与对应属性
2023-10-25 15:04:49
101
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人