- 博客(10)
- 收藏
- 关注
RSS订阅原创 CSS+JS 实现水面起伏效果 并控制水面高度
一个小小demo 闲来无事听人说起 尝试了下做出来了 挺有意思的哈哈。逻辑很简单 就不解释了 相信看看代码就明白了。
2024-12-26 11:27:58
132
原创 uniApp+微信小程序 map组件 自定义marker显示层级
总而言之就是可以在生成所有的marker数据后，对marker进行一次冒泡排序，选中一个值来把权重低的marker排在权重高的marker前面，这样页面上生成的高权重的marker图标就不会被低的遮盖住。最近公司开发小程序，有一个模块需要使用地图显示自定义标点，并根据后台传回的数据区分显示不同的标点，中间因为这个不同marker的图标互相遮挡而思考了一下，最后顺利解决。
2024-12-23 16:27:30
412
原创 uni-App APP端及H5使用高德地图 实现创建地图 路线规划 添加定点
注意此处的maker和标点都是用的我本地项目下static的静态图片，你们要在地图html文件对应进行更改，最好使用绝对路径，不要使用相对路径，否则打包到真机会显示不出图片。前言：最近公司开发需要用到uni-app搭配高德地图，在踩坑后实现了基本的要求，过程之曲折就不说了，特地开贴记录下。2.在根目录创建static文件夹，在static文件夹下创建html文件夹，在html文件夹创建地图html文件。4.创建好地图html文件后，到根目录page文件夹创建承载html文件的index.vue文件。
2024-10-12 15:19:36
2635
10
原创 uni-App + vue3 配置国际化并实现切换
2.index.js 负责引入这三个语言文件并进行导出，方便后续main.js调用。1.三个语言js文件配置对应的语言，这里选择中文简体，中文繁体，英语作为示例。—————————————— 大致就是这样，并不复杂。这样一来配置方面就完成了，然后就是调用。
2024-03-22 16:07:08
1860
7
原创 Vue3切换项目主题（包含字体颜色，背景图片）
至此就完成了，由于涉及公司机密，实际效果就不放出来了，其实说到底就是通过预设好对应class类名下的自定义变量属性，再通过切换类名，使得其中的变量属性也更改，但是引用变量名的地方并没有改变，因此就产生了主题切换的效果，并且由于只是使用css来切换，因此不单单是vue项目，这个也可以用在js，jq，react项目里，当然这些我并没有实际去使用也只是猜测而已，哈哈！此方法并不支持由用户自定义主题，只支持用户选择开发者一开始就定义好的主题，即用户只能选择使用定义好的主题样式而非自定义主题样式。
2024-01-31 15:33:30
1355
原创 Vue3 实现滚动条随着内容的增多自动往下滚动
vue3取消了this.$refs获取节点的功能，我们只需要直接定义一个与你绑定在盒子上的ref属性名的同名变量就能拿到这个盒子的信息了,通过watch监听数据的变化，使用nextTick在dom更新之后再调用scrollBottom方法把盒子的距顶部高度调整为盒子的滚动高度，因为我们设置了盒子的固定高度和y轴的自动滚动，因此页面上会显示出数据不断增加，但是一直显示最新一条的底部数据的效果，到此功能完成。首先在需要实现的div盒子绑定上一个ref，名字随便定义，但是注意这个盒子需要设置固定高度和。
2024-01-12 09:46:39
2535
1
原创 ElementPlus el-table点击单元格变为输入框
然后是function部分，通过传入的scope和scope.$index来确定单元格位置以及所处的表格行数，并定义两个行和格变量进行条件判断，当行和格的值等于单元格的行和高的值时就把那个单元格的元素改为input，并通过自定义指令v-focus进行焦点的自动获取。开发项目的时候遇到一个要求是当点击el-table的单元格时要对应将其变为可输入的输入框，研究了文档和网上的博客后，实现了这个效果。首先是表格的html部分，通过插槽scope进行表格的自定义，方便后续的元素格式转换。到此就完成功能的开发了。
2024-01-09 17:22:56
1826
4
原创 ElementPlus Table组件 自定义表头
通过使用这个插槽我实现了对Table的单独表头的自定义，如果有多个不同的表头需要分别设置，那么也分别在对应的。开发过程中，遇到了需要将表格的表头单独设置特定的样式，看了ElementPlus的文档说是可以使用。传入对应的函数进行设置，但我后来又研究了下发现使用。的插槽可以进行更高程度的自定义构写。
2023-12-20 17:47:46
2109
1
原创 CSS 文本设置可选中和不可选中
如果仍然不能进行选中，可能的原因是其他 CSS 样式或 JavaScript 代码导致无法选择文本，例如全局CSS的代码文件设置了。覆盖了你的样式导致了样式失效，文本不能选中。
2023-12-18 16:24:57
1737
原创 Vscode 使用easy sass插件报错
我在vscode正常下载easy sass插件后，按照正常的流程设置了插件环境，但是每次在.scss文件上进行内容添加时，总是会报错”但是我的scss文件后缀名是正确的，而且也能生成css文件，请问哪里出错了呢？
2023-03-31 20:32:51
1087
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人