uniapp
文章平均质量分 71
小太阳!
记录一些自己写项目时遇到难点的解决方法
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
动态循环多表单校验获取不到ref
首先说一下我的使用场景(uniapp):一个页面内五个表单,使用tab来切换展示。这种情况下只能是页面写一个表单,通过循环数据来分别展示的。表单大致填写完成点确定按钮肯定要做正则校验的,通过ref,然后校验那里使用this.$refs.form.validate() 的方式来做校验,但是我后面发现一个问题, 只有第一个表单可以获取到ref的内容,后面循环出来的表单都无法获取到,在后面表单上填写信息时,明明已经填写正确格式的内容,但是校验依然会一直提示,好像填写的内容并没有在当前表单生效。原创 2023-03-06 09:52:36 · 1217 阅读 · 0 评论 -
uniapp小程序底部tabbar图标大小设置
在uniapp中小程序的tabbar没有设置图标大小的属性,导致小程序在不同平台打开时图标大小显示的不一样,特别是在电脑微信打开小程序时,上的效果吧。所以既然代码没法调大小,自定义底部tabbar搞起来又很心累,那我只好从图片剪裁这方面来想办法了。第一张是pc端H5,第二张是微信开发者工具(与手机端效果一样)、第三张电脑微信打开的小程序。图片切图的时候,不要紧贴图像切, 图片四周留出相应比例的空白。代码可以用uniapp的编译器(条件编译)来处理。剪裁后的图片:四周留出空白部分原创 2022-12-28 14:35:29 · 12959 阅读 · 2 评论 -
uniapp中uni.getImageInfo渲染页面不生效的坑
uniapp中uni.getImageInfo在渲染页面不生效的坑问题 :写详情页(nvue页面)简介部分的时候发现那个大图片的高度不能自适应,后面的mode各种改变依然达不到想要的效果,又不能设置固定高度,所以只能js部分给它动态设置了解决后来发现文档中有一个获取图片信息的方法:uni.getImageInfo(OBJECT)我想要的正是这个图片的高度 height ,然后就在页面上写了代码:可是把imgheight渲染到页面上时,图片的高度并没有做出任何改变。百度了一下原来u原创 2020-12-25 11:54:02 · 11243 阅读 · 3 评论 -
解决uni-app微信小程序底部输入框,键盘弹起时页面整体上移 问题
解决uni-app微信小程序底部输入框,键盘弹起时页面整体上移 问题转发自https://www.cnblogs.com/XHappyness/p/13528236.html#4703250存在问题做了一个记录页面(类似单方聊天页),输入框在底部;当弹出键盘时,页面整体上移,页面头信息会消失不见需要实现效果:比如一个记录页面,需要在键盘弹出时:底部的输入框跟随键盘上弹页面头固定在顶部不动聊天信息区域(即内容区)调整高度,该区域局部滚动解决方法底部输入框fixed定位在底部,使用输转载 2020-10-12 17:02:40 · 10576 阅读 · 2 评论 -
uniapp中swiper内嵌video组件的坑
uniapp中swiper内嵌video组件的坑功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入是使用uniapp写的项目,需求就是写一个tab切换,tab1里面是一段文本,tab2也是,tab3里面需要使用video组件插入一个原创 2020-09-29 11:19:12 · 8241 阅读 · 11 评论
分享