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