- 博客(9)
- 收藏
- 关注
原创 移动端轮播图页面写法总结1
根据vant组件,来找到swiper,然后我想要的是自定义指示器,里面可以用插槽的形式来自定义指示器,vant官方文档里面很详细,我只说可能会遇到,忘记给swiper下的每个item设置宽高他就没有撑开,.vant-swiper-item,这个类名,然后指示器也可以用类名来定义宽高,字体,位置。我现在需要实现的是,视频图片播放,自定义的指示器,上方还有视频图片两个按钮,来选择播放视频还是图片。我现在只说框架,指示器的样式,先不说逻辑,逻辑我自己都没有搞明白呢。基础版写到哪里总结到哪里。
2024-07-12 09:48:57
83
原创 移动端轮播图页面写法总结2
下一个问题就是在轮播图的上层显示,那就是把他的层级搞大一点,z-index:大于1,问题又来了,想要用z-index,必须要结合position来用,就是当前元素要有position的定位,或者父元素有display:flex。刚开始我写的时候,是写了一个div套两个按钮button,然后准备点击时动态添加他的类名,来实现点击变色,但是这样样式一直弄不好,一直有那种button自带的重叠的厚重感。上一篇写到了,可以有自定义指示器,那么现在还有一个功能,就是轮播图上有个控制按钮,能够控制显示视频还是图片。
2024-07-12 09:35:26
194
原创 移动端头部导航栏写法总结
组件中给了答案,解决两侧图标问题,我们可以用插槽,左侧呢就用#left,右侧呢就用#right,这是组件自定义的写法插槽的命名,<template #left>你想插入的图标或者切图的图片都可以,只管放。第二,咱们直接用div套三个span,然后对div,flex布局,水平居中,然后对每个span的宽高进行设置,span的行内元素,应该是要变成行内块才能设置宽高,然后在调整margin的距离,这就通了。文字好整,直接有个van-nav-bar,改颜色,什么的。直接用穿透还是透穿::v-deep。
2024-07-11 16:07:19
171
原创 vscode支持打开多个文件,原文件不会被覆盖的方法
file-》prefenerces-》setting-》搜索enable preview ,找到如图所示的地方,把勾勾去掉,这样就成功了,这个东西我至少百度过四次,这次我一定记得!
2024-07-11 09:21:30
283
原创 vue3+ts+setup语法糖的写法,导入子组件时会报错提示子组件未导出
ts不能和vetur插件来结合使用,只能和volar插件来结合使用,插件商店中没有这个插件,咱们就采用这个大佬的方法,来引入这个插件。做这个之前先把vetur禁用掉。第一次碰见这个问题,因为setup形式的.vue文件就不涉及需要export,直接就可以拿来用才对啊。http://t.csdnimg.cn/ECwuN,大佬非常保姆的教程,大家看吧。但是人家就是报错,报错就报错,你还能正常运行,你别给我笑死。
2024-07-04 15:08:18
168
原创 问:如何实现vue+typescript,vscode中设置代码自动格式化
我再次试了,prettier插件,然后创建.prettier文件,配置项,再然后prettier=》Editor: Default Formatter,选项选择的找不到,就没办法使用ctrl+shift+p来格式化代码。我试了,最原始的在设置-》format-》Editor:Format on save 打钩,没用。
2024-07-04 15:00:27
105
原创 解决安装vite时的报错
官网有说“Vite 需要 Node.js 版本 18+,20+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本”正常按照官网npm create vite@latest my-vue-app – --template vue,这个vite是@5.多的,一步步安装依赖最后报错。解决方法,直接用nvm升级当前的node版本就可以了,nvm还是真好用的,虽然第一次安装他的时候有点麻烦,但是后面使用时真香。报错原因是因为node版本太低,,,,
2024-05-16 22:01:41
863
原创 [Error: error:0308010C:digital envelope routines::unsupported的解决历程
最开始,显示当前支持的node版本和现在的node版本不一致,我搜了一下这个报错,可能和这个有关,就把node降了一下版本,ok花了一个小时,笑死还是这个报错。原来是和我把node降低版本时的配置有关,把降完版本前的node文件彻底删除,重新安装降完版本后的node,解决了。
2024-05-16 22:00:42
82
原创 怎么修改Eclipse里面的selection does not contain a main type
eclipse里面的selection does not contain a main type 的解决方法第一次写的代码是public class test{public static void main(){system.out.println(“hello”);}}解决方法:只需要加public static void main(String[]args)即可。我们对Ma...
2019-05-26 09:06:57
6969
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人