- 博客(55)
- 收藏
- 关注
RSS订阅原创 手动实现h5移动端点击全屏按钮横屏展示图片，左右滑动切换,处理页面会随着手指滑动问题
data() {return {imgList: [],//接口获取的图片列表currentIndex: 0,//当前展示的图片indexcurrentItem: {},//当前展示的图片本身showSwiper: false,//控制大图展示与否startY: 0, // 触摸开始时的Y坐标currentY: 0, // 触摸移动时的Y坐标threshold: 50, // 触发滑动的阈值},},},},// 左滑} else {} else {// 右滑。
2024-11-12 21:39:49
530
原创 Vue3图片懒加载封装自定义指令
首先，创建一个新的文件夹来存放你的自定义指令，例如directives。index.js：入口文件。：自定义指令的实现文件。在imgLazy.js//需要使用vueuse的useIntersectionObserver 方法,下载vueuse--npm install @vueuse/core// el: 指令绑定的那个元素 img// binding: binding.value 指令等于号后面绑定的表达式的值 图片urlel,// 进入视口区域stop()
2024-06-09 15:25:15
375
1
原创 使用element-plus校验文件上传以及quill-editor必填
【代码】使用element-plus校验文件上传以及quill-editor必填。
2023-09-13 17:29:13
777
1
原创 webpack打包
webpack 是基于javascript应用程序的静态模块打包工具webpack中文文档在文件中,配置webpack自定义命令,使之生效},
2023-09-01 17:29:12
1007
原创 css实现文字翻转效果
主要实现核心属性需要注意的是，这些属性可能会在不同浏览器中有不同的表现，因此在使用时应该仔细测试和兼容性考虑。</</</</</
2023-08-31 16:23:57
1464
原创 css---实现文本超过两行时显示省略号（...）的效果
如果需要兼容其他浏览器，可以考虑使用JavaScript或其他CSS技术来实现类似的效果。，我们将容器元素设置为仅显示两行文本。当文本超过两行时，将隐藏溢出部分，并通过。是一个非标准的CSS属性，仅在WebKit浏览器上有效。是包裹文本内容的容器元素的类名。
2023-07-26 17:22:05
13701
原创 redirected when going from “/login“ to “/“ via a navigation guard.
Redirected when going from "/login" to "/" via a navigation guard.
2023-06-13 15:06:18
1535
原创 在vscode中配置less插件，使less与css关联,自动输出css文件
【代码】在vscode中配置less插件，使less与css关联,自动输出css文件。
2023-05-11 14:24:59
834
原创 Vue3新特性
需要将ref,reactive从vue中引入。在父组件中绑定需要传值的数据。在父组件中引入provide。子组件中接收参数props。在子组件中引入inject。
2023-04-22 17:45:43
144
1
原创 vscode自定义模板设置
vscode自定义模板设置文件—首选项–用户片段在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式 语法；增加了支持甘特图的mermaid语法1 功能；增加了 多屏幕编辑 Markdown文章功能；增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览...
2022-06-25 16:06:01
669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人