- 博客(10)
- 收藏
- 关注
RSS订阅原创 给非safari浏览器的scroll元素添加滑动弹性(橡皮筋效果)动画效果
1.创建一个可以滚动的容器ios的移动端safari浏览器在针对overflow:scroll的元素会自带一个滑动橡皮筋效果,同时还可以使用来控制该效果的开启与关闭.但是在其他移动端浏览器中这个动画效果是无效的(虽然文档上版本是支持的但是在实际体验中该效果触发不了),所以打算手写一个1.创建一个可以滚动的容器。
2025-04-22 11:08:29
214
原创 Nuxt导入音频时遇到的各种坑
3.接着又报错 Error: options/query provided without loader (use loader + options)发现是写法有问题。NotSupportedError: The element has no supported sources.且控制台资源。同时nuxt.config.js写如下代码。esModule修改为false。解决办法:引入解析工具。
2025-02-21 12:06:04
787
原创 el-table 可折叠行增加展开和关闭动画
el-collapse-transition 包裹起来 同时给包裹的父元素增加一个v-show,值为第二步增加的布尔值(你也可以自己去写动画效果,这里用的是ui框架自带的)由于我修改了展开的代码,点击行就可以展开,所以操作的代码都在 rowSelectionChange 这个方法里,修改方式见。你需要创建一个对象用来存储每行的展开折叠状态,同时用这个状态来判断当前的操作是关闭还是开启,从而实现以下逻辑。在你表格的tabelData里给数组的每一个元素增加一个控制显隐的布尔值。
2024-11-22 18:06:11
690
1
原创 el-table宽度无限延长
问题1:el-table的父元素的宽度设置为100%时,表格的宽度会自动增加。解决 el-table的父元素的宽度不能设置为100%,99%-1%都行。问题2:当table中的数据从有到无时表格的宽度会增加一小节。
2024-08-06 10:26:33
1122
原创 关于修改echarts在datazoom中鼠标指针为十字准星的问题
需求:当图表的datazoom为insider时,鼠标移入折线图折点,修改鼠标样式为手型;即元素的cursor属性为pointer(默认为crosshair)解决:直接操作echart渲染的canvas的dom元素并修改。鼠标会在触碰折点的一瞬间变为手型,之后变回为十字准星。
2024-04-23 10:33:25
1263
2
原创 解决overflow:auto后出现滚动条引起的页面宽度挤压
其中方法2使用属性overflow: overlay;是最简单最有效的方法，但是设置之后发现并没有生效。高度不足父元素时出现的出现的滚动条会裁剪掉一部分内容宽度来放置滚动条。使用 scrollbar-gutter: stable 替代。原因在于该属性已经被弃用 链接。
2024-02-29 19:19:57
1858
原创 vue2 watch监听不到数据变化
若对象里面本没有这个属性的时候，在操作时将属性添加进去，同时包括之后对这个属性的操作，watch是都检测不到的。或者给原属性增加默认值。
2023-12-04 11:28:06
1735
原创 使用uniapp 原生＜map＞组件 问题汇总
polyline中的点位若有连续重复点位时this.mapContext.translateMarker在移动到相应位置时会直接结束方法
2023-01-12 16:16:59
2785
2
原创 uniapp打包后 中uni.chooseLocation调用地址列表空白并转圈，搜索框无反应
(省|市|自治区|自治州|县|区)/g。解决：请保证dcloud开发者中心的包名和高德地图sdk上申请key的包名和uniapp打包时的包名三者一致。1.dcloud开发者设置里的包名。2.高德地图生成地图key时的包名。代码：openMap() {3.uniapp云打包时包名。
2022-12-12 16:49:00
6637
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人