自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 【vue3 使用 qrcode】渲染二维码下方提示词,且自动调节文字大小

我这里是结合了element ui 的图片组件一起使用,大家可以用其他图片标签也可以。

2024-06-27 10:42:50 417

原创 【记录一下】Uniapp实现转盘抽奖效果

uniapp中使用uni.createAnimation实现转盘效果

2023-08-15 14:51:02 1268 5

原创 通过JS实现文字大小根据容器宽度自动调整[vue][js]

通过JS实现文字大小根据容器宽度自动调整

2022-06-18 11:32:26 1571 1

原创 【记录】如何在Vue中使用Cavas渲染播放视频

刚刚看完Canvas,想试试在vue中用canvas来播放视频先在data中定义三个变量用来储存 // 播放器元素 videoE: '', // canvas元素 canvasE: '', // canvas上下文 ctx: '',然后在methods中定义三个方法 // 先获取元素 doLoad () { // 这里是视频元素我不希望用户看见,所以只生成不插入 let video = docume

2022-01-11 16:39:43 3273 2

原创 仿element ui的Transfer 穿梭框,实现多个数据同步联动

想实现一个页面多个Transfer 用同一个数据源,一个Transfer 变换后所有Transfer 左侧数据同步变化.最后实现的效果如图,左侧数据变换后所有左侧数据全部跟随变化,源代码链接:https://github.com/DalaoT/packaging_method/blob/master/%E7%A9%BF%E6%A2%AD%E6%A1%86.vue...

2020-12-09 17:11:42 668

原创 解决多个el-table隐藏显示内容不变化

解决多个el-table隐藏显示内容不变化项目中遇到一个比较有意思的问题,因为之前没用过element ui所有捣鼓了好一阵子才搞明白,如有更好的解决方法欢迎大佬留言问题项目要求实现点击对账单显示对账单表格,再点击切换回来原来的表格.如图所示,我对账单表格的单元格是有tag标签,这个时候应该点击订单列表就切换回第一张图的样子.有意思的事情发生了,第一个表格中的单元格和第二个表格的单元格合并(替换?)了,整个页面乱七八糟两个表格代码如图解决在看element ui没找到解决方法后在v

2020-10-14 12:03:02 962

原创 微信小程序使用convas画弧形滑块

然后在生命周期中调用init() 即可获得一个弧形的滑块了,那么接下来我们完成三个事件中的处理。两种效果图其实都是一个逻辑, 控制弧度的起始角度与结束角度,再控制粗细即可实现。现在我们已经有了convas元素,接下来我们先画一个弧形。先在我们页面上创建一个convas元素。onMouseDown:手指按下事件。onMouseMove:手指移动事件。onChend:手指松开事件。

2024-07-10 15:30:13 277

原创 vue3 ts 下载convas 图片方法

先将convas转换为base64,然后将base64转换下载。

2024-06-27 15:45:14 131

原创 【学习笔记】在redux中使用axios,通过redux-thunk处理action

我们的getBannerListAction现在返回的一个函数,thunk会帮我们执行此次函数并且将dispatch传递给函数,除此之外还好给我们一个getState函数,原来获取state的数据。redux-thunk库其实是一个redux的中间件,底部源码做的事情非常简单,就是当你acton返回的是一个函数的时候帮你执行这个函数,并将dispatch传递给这个函数。我们注意到,报错信息中提示我们如果想处理函数可以使用redux-thunk这个库,那么这个redux-thunk库到底是什么东西呢?

2023-08-16 11:09:12 141 1

原创 uniapp 开发APP image图片缓存本地组件

修改Uniapp的image组件,达到可以缓存图片且直接从缓存中拿取,节省加载速度与服务器带宽

2023-07-15 13:25:09 605 1

原创 【记录】 echarts 渲染后没有tooltip的问题

在vue中通过如上代码渲染的时候,其他显示都正常,但是没有tooltips(正常如下)不知道什么原因,欢迎留言指导。将代码修改为如下后正常。

2023-01-07 09:59:47 183

原创 VUE扫码枪js代码

注意:this.kdnum = code 和 this.readingData(code) 是我自己的方法,请根据自己需求设置跳过特殊字段我设置为shift跳过,请根据自己需求设置因为我用的扫码枪最后会有一个回车所以在最后是以回车为条件,请根据自己需求设置vue中使用时 我在 created 生命周期中使用 //页面加载完执行事件 window.onload = (e) => { var code = ""; var lastTime, nextTi

2020-11-28 19:56:28 1429

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除