- 博客(7)
- 收藏
- 关注
原创 uni-App + vue3 配置国际化并实现切换
2.index.js 负责引入这三个语言文件并进行导出,方便后续main.js调用。1.三个语言js文件配置对应的语言,这里选择中文简体,中文繁体,英语作为示例。—————————————— 大致就是这样,并不复杂。这样一来配置方面就完成了,然后就是调用。
2024-03-22 16:07:08 1217 6
原创 Vue3切换项目主题(包含字体颜色,背景图片)
至此就完成了,由于涉及公司机密,实际效果就不放出来了,其实说到底就是通过预设好对应class类名下的自定义变量属性,再通过切换类名,使得其中的变量属性也更改,但是引用变量名的地方并没有改变,因此就产生了主题切换的效果,并且由于只是使用css来切换,因此不单单是vue项目,这个也可以用在js,jq,react项目里,当然这些我并没有实际去使用也只是猜测而已,哈哈!此方法并不支持由用户自定义主题,只支持用户选择开发者一开始就定义好的主题,即用户只能选择使用定义好的主题样式而非自定义主题样式。
2024-01-31 15:33:30 1067
原创 Vue3 实现滚动条随着内容的增多自动往下滚动
vue3取消了this.$refs获取节点的功能,我们只需要直接定义一个与你绑定在盒子上的ref属性名的同名变量就能拿到这个盒子的信息了,通过watch监听数据的变化,使用nextTick在dom更新之后再调用scrollBottom方法把盒子的距顶部高度调整为盒子的滚动高度,因为我们设置了盒子的固定高度和y轴的自动滚动,因此页面上会显示出数据不断增加,但是一直显示最新一条的底部数据的效果,到此功能完成。首先在需要实现的div盒子绑定上一个ref,名字随便定义,但是注意这个盒子需要设置固定高度和。
2024-01-12 09:46:39 1936 1
原创 ElementPlus el-table点击单元格变为输入框
然后是function部分,通过传入的scope和scope.$index来确定单元格位置以及所处的表格行数,并定义两个行和格变量进行条件判断,当行和格的值等于单元格的行和高的值时就把那个单元格的元素改为input,并通过自定义指令v-focus进行焦点的自动获取。开发项目的时候遇到一个要求是当点击el-table的单元格时要对应将其变为可输入的输入框,研究了文档和网上的博客后,实现了这个效果。首先是表格的html部分,通过插槽scope进行表格的自定义,方便后续的元素格式转换。到此就完成功能的开发了。
2024-01-09 17:22:56 1513 4
原创 ElementPlus Table组件 自定义表头
通过使用这个插槽我实现了对Table的单独表头的自定义,如果有多个不同的表头需要分别设置,那么也分别在对应的。开发过程中,遇到了需要将表格的表头单独设置特定的样式,看了ElementPlus的文档说是可以使用。传入对应的函数进行设置,但我后来又研究了下发现使用。的插槽可以进行更高程度的自定义构写。
2023-12-20 17:47:46 1657 1
原创 CSS 文本设置可选中和不可选中
如果仍然不能进行选中,可能的原因是其他 CSS 样式或 JavaScript 代码导致无法选择文本,例如全局CSS的代码文件设置了。覆盖了你的样式导致了样式失效,文本不能选中。
2023-12-18 16:24:57 1226
原创 Vscode 使用easy sass插件报错
我在vscode正常下载easy sass插件后,按照正常的流程设置了插件环境,但是每次在.scss文件上进行内容添加时,总是会报错”但是我的scss文件后缀名是正确的,而且也能生成css文件,请问哪里出错了呢?
2023-03-31 20:32:51 906 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人