- 博客(29)
- 收藏
- 关注
RSS订阅原创 uniapp 选择 省市区 省市 以及 回显
从gitee仓库可以拿到demo 以及 json省市区 文件// 这是组件部分<template> <uni-popup ref="popup" type="bottom"> <view class="popup"> <view class="picker-btn"> <view class="left" @click="cancel">取消</view> <view
2024-11-20 14:51:13
1491
1
原创 Vue2 实现前端分页
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href=".
2024-05-09 15:08:16
859
1
原创 Vue 实现卡片切换动画+input模糊搜索的字匹配正则变色
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet"
2023-12-30 10:08:02
1148
原创 Vue2 实现分类选择
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet"
2023-12-26 09:05:33
966
原创 Vue2实现级联然后多选出来然后进行分类的渲染
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <!-- <link rel="styl
2023-12-21 18:01:37
548
原创 Vue 手动实现动态多选
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <!-- <link rel="st
2023-12-14 14:24:51
1235
原创 Vue2 加 element级联组件 实现 动态添加删除 列表
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet"
2023-12-05 09:08:59
1049
原创 使用flex+gap实现平均分下面的块布局不使用margin
* 此处算法 calc((100% - (n - 1) * 间隔gap) / 3)*/
2023-08-30 09:17:57
786
原创 通过点击el-table内的某个值触发el-tree的click
/ 获取点击的tree节点。// 触发tree点击事件。'执行tree的点击事件'// 展开tree节点。'三级 1-1-1''三级 1-1-1''三级 1-1-2'
2023-08-19 15:36:31
1064
原创 Vue2通过点击渲染循环的echarts
底下放置源码cv即可食用几个注意事项：echartsData 这个变量是为了模拟后端数据格式changeTag() 这个方法是为了控制最多可以多选几条最后关于循环echarts的灵感来源于 明天也要努力<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w
2023-07-06 11:11:33
517
1
原创 Vue 级联组件添加按钮并添加点击事件加传参
我这里采用的是jq+vue实现的此功能，首先是要把按钮追加进去，当然头开始写真实dom会导致页面上也追加显示，但是我想实现的是在级联组件上追加所以，选择创建虚拟dom，然后传参这点实在是研究试错了半天，最后选择使用级联组件的visible-change 事件，应为他有两个回调函数，在展开时返回true，然后讲需要的传参都先递交给他，然后等到关闭弹窗时再去执行一遍，创建虚拟dom要不然会导致事件出现循环，创建虚拟dom的时候就做了数量判断，如果有就清除。
2023-05-20 09:33:14
1154
原创 Vue 手搓轮播效果
tiptop: 为啥需要写这个功能，因为我遇到了每个轮播层内要放3个左右的商品块，如果使用element自带的轮播就需要将一维数组切成二维数组，导致处理一些情况下就会变得很麻烦，当然那种我也写了如果你们有需要，在下方留言我会跟进代码。使用我采用这种位移加动画模拟轮播来写这样数据还是一级数组到时候操作起来比较方便。/* clac(注意这里 / 几就是想将每个div切成几个) */// 获取现在所有的list总长度。// 获取盒子的宽度。
2023-04-25 10:02:46
1114
1
原创 js 实现点击在左侧生成一个按钮滚动随着滚动，如果超出则消失
/ 解释: 获取大盒子距离窗口的左侧距离 -50 是我想让他距离大盒子左侧 50px。// 2.如果 苦苦dom 剩余距离顶部的距离 > 大盒子的高度 - 苦苦dom的高度。// 1.如果 苦苦dom 距离顶部的距离小于 大盒子距离顶部的距离就消失。// 点击将点击的苦苦dom 保存到 offsetTop变量。// 苦苦dom 离顶部的距离 - 大盒子离顶部的距离。// 设置点击的苦苦dom 距离顶部窗口的高度。// 大盒子的高度 - 苦苦dom的高度。// 设置点击的dom 距离左侧的距离。
2023-04-01 17:05:11
847
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人