- 博客(23)
- 收藏
- 关注
原创 鼠标拖拽功能 (可拖拽多个容器)
实现鼠标拖动的原理:1、当鼠标点击下去的时候我们需要获取鼠标所在位置的横纵坐标,然后获取盒子的离页面的横纵方向的距离2、计算出鼠标相对盒子的距离3、当鼠标移动的时候,获取鼠标移动的距离,在永鼠标此刻的位置减去鼠标相对盒子的距离,获得的是盒子此刻的坐标位置4、将这个位置赋值给盒子5、鼠标抬起,清除鼠标移动
2023-02-17 14:49:46
217
原创 识别图片颜色切换文字颜色
产品需求:客户说轮播图图片颜色是白色的,就看不到文字了,所以颜色不能写死要根据轮播图颜色的不同,使轮播图上的字体颜色进行反转
2022-11-18 16:05:13
398
原创 评论列表在popup弹窗中,分页无法使用onReachBottom监听到评论列表滚动到底部,所以手写
滚动到底部时就可以添加你自己需要在盒子滚动到底部的操作
2022-07-13 15:08:55
247
原创 uview无法使用$refs.input.focus()调用软键盘,以及小程序不能操作dom调用软键盘
因为我们有时候需要点击按钮,进行评论。所以要调用输入框中的软键盘,也就是focous事件。但是uview无法使用$refs.input.focus()调用软键盘,以及小程序不能操作dom调用软键盘。
2022-07-13 14:42:39
993
原创 v-for循环后,点击事件控制子组件显示与隐藏
for循环出来的东西里面,如果有子组件就会牵一发而动全身,所以我们希望,可以进行控制单个组件的展示与隐藏
2022-07-11 16:29:01
1427
原创 Vue+Vant ui实现图片预览 ---------------升级版
1、在所需要使用的组件里面引用import { ImagePreview } from 'vant';2、具体使用详解// 通过函数传参的方式把图片数组和位置索引放入到 ImagePreview 配置对象里面<div v-for="(item,index) in device.imgs" :key="index"> <img :src="item" @click="sceneImg(device.imgs,index)"/></div>3.j
2022-04-14 10:15:19
1282
转载 vue 复制
安转插件npm install vue-clipboard2 --save 全局引入:main.js使用 import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard) <div class="paste" v-clipboard:copy="'MHKJ51DFJ263H'" v-clipboard:success="copyCode" v-clipboard:error="copyCodeError"&g
2022-04-14 10:11:35
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人