uniapp学习笔记
文章平均质量分 50
令人作呕的溏心蛋
人生何处不青山
展开
-
uniapp引入微信小程序版本VantUI,使用VantUI的自定义tabbar,并解决自定义tabbar出现闪烁的情况
uniapp引入微信小程序版本VantUI,使用VantUI的自定义tabbar,并解决自定义tabbar出现闪烁的情况原创 2024-04-08 15:42:04 · 1082 阅读 · 0 评论 -
有关Vue、微信小程序、UniApp中的CSS中的宽度width单位、自适应
需要注意的是,在小程序中使用单位时,无需手动转换为实际像素值,小程序会自动根据屏幕密度进行换算。在小程序中设置宽度,无需手动换算为不同屏幕密度下的像素值。在小程序和UniApp开发中,推荐使用rpx单位来设置宽度和其他尺寸相关的样式。rpx单位可以实现在不同屏幕大小下的自适应效果,使页面在不同设备上呈现一致的布局和比例。):类似于em,但是相对于字体中特定字符的高度或宽度。ex相对于小写字母x的高度,ch相对于数字0的宽度。需要根据具体情况选择合适的单位来设置宽度,以实现所需的效果。原创 2023-11-22 12:19:02 · 1909 阅读 · 0 评论 -
【已解决】uniapp使用vant-ui中的tab标签页的时候,发现底下红色的切换线不见了
按F12查看vant-ui源码你会发现他的Tab标签页里面有个width,但是我们引入到uniapp之后发现width没有了(不知道什么情况,可能是兼容问题吧)所以我们解决的办法,只需要在App.vue中给全局.van-tabs__line添加width宽度即可解决!原创 2023-09-08 11:11:10 · 834 阅读 · 0 评论 -
UniApp中tabbar设置了position: fixed以及bottom:0后出现一条缝隙,看到了后面的内容
UniApp中tabbar设置了position: fixed以及bottom:0后出现一条缝隙,看到了后面的内容。解决:直接将bottom设置成-2px即可。原创 2023-07-31 15:11:23 · 926 阅读 · 0 评论 -
UniApp中引入VantUI后出现报错@import ‘../common/index.css‘;.van-icon{text-rendering:auto;-webkit-font-smoothi
只需要在icon目录下的index.wxss文件中,ctrl+f查找url然后在url加上空格即可!原创 2023-06-12 23:04:56 · 890 阅读 · 2 评论 -
UniApp中input组件在IOS设备上弹出软键盘时页面整体上移问题的解决方案,以及input组件聚焦后弹出软键盘固定在软键盘上方,失去聚焦后回到原始位置。
问题:弹出软键盘,整体页面上移!解决:在input组件设置:adjust-position=“false”解决新问题:input组件被软键盘覆盖,没有固定在软键盘上方。解决:根据聚焦事件@focus和失去焦点事件@blur去操作输入框的bottom。ps:需要设置好输入框为固定定位或绝对定位!foot样式:设置了固定定位fixed完成上面操作后,即可伸缩自如!原创 2023-06-12 17:13:17 · 5193 阅读 · 1 评论 -
CSS中的Flex布局常用的属性介绍和使用说明
/起始端对齐 justify-content : flex-end;//末尾段对齐 justify-content : center;//居中对齐 justify-content : space-around;//均匀分布 justify-content : space-between;//两端对齐,中间均匀分布//起始端对齐 align-items : flex-end;//末尾端对齐 align-items : center;//居中对齐 align-items : baseline。原创 2023-06-10 00:58:09 · 622 阅读 · 0 评论 -
UniApp中封装uni.request请求,简化代码!
【代码】UniApp中封装uni.request请求,简化代码!原创 2023-06-06 19:32:34 · 280 阅读 · 0 评论 -
UniApp中editor标签使用v-model和:value赋值失效的解决方法
【代码】UniApp中editor标签使用v-model和:value赋值失效的解决方法。原创 2023-04-11 14:20:28 · 1626 阅读 · 0 评论 -
UniApp、微信小程序、Vue常用的UI组件
在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架。原创 2023-03-30 20:22:29 · 1999 阅读 · 0 评论 -
Springboot + UniApp实现WebSocket连接通信聊天功能的简单案例
创建一个 `WebSocketConfig` 类来配置 **WebSocket** 连接。该类应该实现 `WebSocketConfigurer` 接口,并重写 `registerWebSocketHandlers` 方法。在 `registerWebSocketHandlers` 方法中,将 `MyWebSocketHandler` 注册到 `WebSocketHandlerRegistry` 中,并指定处理 **WebSocket** 连接的端点。原创 2023-03-21 16:28:56 · 2631 阅读 · 3 评论 -
uniapp某个页面内部style修改组件样式不起作用,必须要去app.vue中修改才能生效的解决办法
【代码】uniapp某个页面内部style修改组件样式不起作用,必须要去app.vue中修改才能生效的解决办法。原创 2023-03-16 22:28:49 · 1454 阅读 · 0 评论 -
uniapp代码运行到微信小程序报unexpected character ` `
Uniapp格式化了代码之后,有些地方存在了换行,导致小程序报错。在H5页面无影响,但小程序规范较严格,所以跳页失败。将换行去掉后,页面跳转正常。原创 2023-03-16 21:24:23 · 668 阅读 · 1 评论 -
UniApp + SpringBoot 实现接入支付宝支付功能和退款功能
进入支付宝开放平台 控制台2、application.yml中添加以下配置4、编写接口支付接口和回调接口三、UniApp前端代码1、配置manifest.json的App模块开启支付四、支付功能展示1、用户确认支付本文仅供学习使用,本文参考博客园作者奔跑的砖头的文章感谢作者的详细说明以及代码 (*╯3╰) (*╯3╰) (*╯3╰)原创 2023-03-14 23:26:12 · 6786 阅读 · 1 评论 -
uniapp上传base64到SpringBoot中实现base64转图片保存遇到的问题【Illegal base64 character d】
APP端上传图片,使用base64转图片工具类的时候出现异常保存图片失败。而H5端却不会出现报错。原创 2023-03-12 10:53:00 · 800 阅读 · 0 评论 -
uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案
【代码】uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案。原创 2023-02-19 21:04:59 · 10278 阅读 · 2 评论 -
uniapp中数组push值的时候出现[__ob__: Observer]无法获取值的解决办法【已解决】
【代码】uniapp中数组push值的时候出现[__ob__: Observer]无法获取值的解决办法【已解决】原创 2023-02-11 19:15:57 · 867 阅读 · 0 评论