- 博客(382)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 Uniapp WebView 全屏导致遮挡状态栏的解决方案
当使用 WebView 组件时，默认情况下 WebView 会占据整个屏幕，包括状态栏区域，导致状态栏内容被遮挡。为了确保状态栏可见，我们需要动态调整 WebView 的布局。
2025-06-13 16:03:24
8
转载 uni-app使用button的时候设置border的问题，去border边框问题
这样就可以解决这个button自带的边框问题了。uni-app的button想要直接使用。去掉边框线是不行的，需要设置。
2025-06-12 11:40:51
8
转载 flex布局左边固定，右边自适应，右边内容超出会影响布局
右边内容超出的话，就会导致左边固定的宽度大小不起重要了，这时只需要加上min-width: 0;左侧宽度固定，右侧自适应。
2025-06-06 17:44:34
10
转载 uniapp对接极光推送（超详细）
注：标准基座只包含了uniapp基础的一些框架内部的东西，但是如果我们要调试第三方的插件SDK，就需要自定义基座以上是uniapp集成极光服务的一个常见方式，但通过这种方式可能会存在向andriod手机推送不过去的情况。如果有小伙伴碰到这种问题，请改用通过Android Studio离线打包配置的方式集成极光推送服务，解决这一问题。具体请看我的另一篇博客uniapp对接极光推送（Android Studio 离线打包配置）。
2025-06-06 13:57:40
47
原创 国家气象局免费天气预报接口，城市代码（JSON格式）
API地址：http://t.weather.sojson.com/api/weather/city/101210101。2. 想要测试自己城市，把最后的101210101换成自己的城市代码（city_code）即可。1. 地址最后的“101210101”代表杭州。
2025-06-05 10:45:25
347
原创 使用flex实现三栏布局，两边固定，中间自适应
使用CSS的Flexbox布局可以很容易地实现三栏布局，其中两边固定宽度，中间栏自适应宽度。以下是一个简单的示例：在这个示例中，.container元素被设置为，使其成为一个flex容器。.left和.right元素被设置了固定的宽度，而.center元素使用了flex: 1;属性，这意味着它会占据剩余的空间，从而实现自适应宽度。则确保了三栏之间有适当的间距。请注意，如果你希望三栏之间紧密相连，没有间距，你可以移除这一行。另外，背景色只是为了在示例中更好地展示布局效果，你可以根据需要自行调整或移除。
2025-05-30 11:58:14
334
转载 uni-file-picker文件选择上传功能实现
一、 基础用法，可以使用样式选择图片limit="1"，则最多选择张图片file-mediatype="image"，限定只选择图片file-extname='png,jpg'，限定只选择 png和jpg后缀的图片auto-upload="false",可以停止自动上传，通过ref调用upload方法自行选择上传时机。与ref="files"搭配使用，this.$refs.files.upload()
2025-05-30 09:24:04
233
原创 在uni-app中修改上一个页面的值，可以通过多种方式实现，这里提供几种常见的方法：
以上几种方法各有优缺点，选择哪种方法取决于具体的应用场景和需求。在实际开发中，可以根据项目的复杂性和数据共享的需求来选择合适的方案。同时，需要注意数据更新的逻辑和时机，确保数据的一致性和准确性。
2025-05-22 15:42:17
556
转载 JS判断当前对象是否为null和undefined和空
通过上面的代码结果显示null和undefined和空 时都返回了true，想判断一个值是undefined、null和空。如果想判断一个值不是undefined、null和空字符串中的一种，则用!中的一种，只要用!
2025-05-14 10:25:57
97
转载 如何在uni-app中计算出微信小程序导航栏的高度
本文详细介绍了在uniapp中为何需要获取并计算导航栏高度，主要目的是为了实现自定义导航栏以满足特定的业务需求，如放置搜索框或设置自定义背景。作者分享了如何通过获取微信小程序的状态栏高度和胶囊位置信息来计算导航栏高度，并提供了在App.vue和mixin.js中封装的方法，以便在不同页面中灵活应用。同时，文章提醒注意不同页面的可使用窗口高度变化，强调不应在全局变量中提前固定该值。拿到导航栏的高度当然是为了自定义导航栏，默认为我们提供了一个导航栏，也就是每个页面上面的标题，但如果对这个默认的导航栏不满意，我们
2025-05-06 13:54:49
238
转载 vue使用bus进行兄弟组件传值
3.定义传值的方法，使用bus.$emit('methodName',data), methodName是自定义的方法名。4.在要接收值的组件里，使用bus.on('methodName',val =>{ }) ,val 就是传过来的值。2.在需要传值和接受值的vue文件中，各自引入bus.js。子组件HelloWorld.vue。子组件Child.vue。1.新建bus.js。
2025-04-25 14:18:44
65
转载 Vue 中mixin的用法详解 （uni-app使用vue的语法，也同样适用）
vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。这篇文章主要介绍了Vue mixin 的用法,非常不错，具有参考借鉴价值，需要的朋友可以参考下说下我对vue中mixin的一点理解 vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ 组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本
2025-04-14 15:50:35
87
转载 uniapp中的easyCom是什么
uniapp中的easyCom是一种组件自动注册机制，可以让开发者更加方便地使用和管理组件。它能够自动扫描指定目录下的所有组件，并注册到全局组件中，这意味着无需手动在components中引入组件，也无需在每个页面中单独引入组件，只需要在组件的目录下创建一个index.vue文件，就可以自动注册组件并在全局中使用。使用easyCom非常简单，只需要在项目根目录下的pages.json中配置easyCom属性即可。例如JSON复制。
2025-04-14 15:38:04
168
转载 npm install报错提示证书过期CERT_HAS_EXPIRED
请注意，这种做法不推荐在生产环境中使用，因为它会使您的连接不安全。只有在服务器的SSL证书更新之前，才应作为临时解决方案使用。这个错误是由于您尝试连接的服务器上的SSL证书已过期。这不是您可以直接修复的问题，因为需要服务器所有者更新他们的SSL证书。运行此命令后，再次尝试您的npm命令。一旦您完成，或者SSL证书问题解决了，您应该将。然而，您可以通过告诉npm对此请求不需要SSL来临时绕过此问题。，以重新启用严格的SSL。
2025-04-10 11:19:08
171
转载 .env.development、.env.production、.env.staging
文件（如）用于根据环境（开发、生产、测试等）配置应用程序的行为。
2025-04-09 09:28:07
275
原创 vue PC仿小红书发文章时添加标题效果（选择特色标签可自行输入，删除时可控制光标位置
【代码】vue PC仿小红书发文章时添加标题效果（选择特色标签可自行输入，删除时可控制光标位置。
2025-03-31 12:01:45
227
转载 在项目中查看仓库的git地址
但是此时有个同事，本地是有这个代码的，让这个同事帮忙指向一下这个命令就可以知道项目的git地址了。需要看一个项目中代码，很尴尬，找不到项目的git地址，
2025-03-28 15:57:21
47
转载 el-date-picker组件的picker-options常规属性设置
【代码】el-date-picker组件的picker-options常规属性设置。
2025-03-28 10:54:55
254
转载 【Element】el-form和el-table嵌套实现表格编辑并提交表单校验
用户只对模块设置区的排序或多选框进行了操作，没有对自定义设置区进行操作就保存，因对自定义设置区的表单进行了校验，此时无法提交，需更改现有代码；自定义设置区默认要有一条空数据在页面展示，可供用户自定义操作，不管用户是否填写，保存时都能正常保存，如果用户填写了表单但不完整，此时需对表单进行校验通过再保存成功。表格增加操作项，具有添加和删除按钮，第一项无法删除，点击添加时，动态增加表格的行数，点击删除的时候，删除表格的行数据。背景：页面中包含2个功能设置区，当用户进行操作后，统一进行保存，如下👇。
2025-03-20 15:33:52
1077
转载 uni-app 路由跳转方式
uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式。需要跳转的 tabBar 页面的路径（需在 pages.json 的 tabBar 字段定义的页面），路径后不能带参数pages.json。key=value&key2=value2，path为下一个页面的路径，下一个页面的onLoad函数可得到传递的参数。该组件类似HTML中的<a>组件，但只能跳转本地页面。保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
2025-03-18 10:25:14
501
转载 elementUI中validateField对多个部分表单字段进行校验时多次回调问题的完美解决方案
1.首先，我们得知道，使用validateField部分校验数组的时候，数组有几位，就会回调几次。当也就是空的时候，表示验证通过，回调返回为“ ”，所以就是，你校验几个规则，就会返回几个结果，如果通过就为“”（空）。//网上的其他方法错就错在这里，他们没有校验数组长度，从而第一次validateFieldList的每一项item就等于“”，从而并没有起到该有的效果。在网上看到了他人的解决方案，发现他们的方案是不对的，他们只是单单解决了验证错误，却没有解决验证正确的情况下。//这里的2为你要校验值的个数。
2025-03-11 12:01:44
295
转载 【小程序】新版uniapp登录流程以及获取头像和昵称
获取头像主要是设置按钮属性open-type="chooseAvatar" ，并通过@chooseavatar获取图片。注意，微信开发者工具的原生点击获取昵称，无法采用获取dom的方法去实时刷新data里的数据，采用真机调试去input事件赋值！微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。步骤二，登录按钮隐藏，展示上传按钮。步骤一，点击登录，获取token。步骤四上传按钮隐藏，展示一下按钮。步骤五，点击输入框，获取用户昵称。
2025-03-10 10:35:39
2787
转载 Uniapp页面跳转方法完整解析
uniapp作为基于Vue.js的跨平台开发框架，其页面路由机制融合了小程序和Web的特性。本文将系统讲解6种核心跳转方式，深入解析参数传递技巧，并提供企业级实战方案。欢迎大家来学习本文哟~😄😄😄。
2025-03-07 19:03:02
2502
转载 uniapp小程序更改swiper指示点样式
在App.vue文件中设置样式，微信小程序使用wx-的类名，App使用uni-类名。我是微信小程序，所以代码如下。更改后的样式如下，亲测有效。
2025-03-07 09:10:43
269
转载 uniapp实现点击图片预览放大。
思路：点击那个图片动态穿那个图片的url 点击事件方法接收参数使用。使用uniapp中的 uni.previewImage API。首先给你展示图片的标签注册点击事件。注意点：urls 配置项是数组。
2025-03-06 16:38:45
314
转载 uniapp实现微信小程序富文本之mp-html插件详解
本文介绍了如何在uniapp中利用mp-html插件处理微信小程序的富文本内容，涉及正则表达式的应用、图片自适应处理以及在项目中引入和使用的步骤。摘要由优快云通过智能技术生成uniapp实现微信小程序富文本之mp-html插件1 文章背景.1 正则表达式1.2 mp-html插件1.3 uniapp2 过程详解2.1 下载mp-html插件2.2 项目中引入mp-html2.3 引入正则规范图片自适应2.4 效果展示3 全部代码11 文章背景。
2025-02-28 15:05:32
1956
转载 uni-app表单验证3种方法
本文介绍了uni-app中与vue类似的表单验证方法，重点在于将prop改为name，使用rules进行验证，并展示了自定义验证函数validateFunction的用法，如检查手机号码格式。同时提到了errorMessage的使用，确保用户输入的正确性。摘要由优快云通过智能技术生成。
2025-02-20 17:55:47
451
转载 webstorm开发中常用快捷键
右键subversion------>commit File------>选择提交的文件，描述：dev_is_详细内容_2024XXXX_leironghua，commit------>弹出框选中间提交成功检查是否提交成功（）ctrl+alt+F12 查看文件所在位置，打开文件。ctrl+shift+r 全局搜索。shift+ctrl+n 无痕模式。idea：F8执行下一行，F9放行。
2025-02-06 16:24:19
167
转载 设置固定高度渐变背景
高度为1.8rem的linear-gradient(180deg, #ff5289 0%, #f7f7f8 100%)渐变和跟着父元素高度发生变化的#f7f7f8纯色。
2025-01-22 15:50:51
84
转载 vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
解决：首先排除了v-model是否绑定正确，单词有无错误，校验有没有写错（例如触发事件、校验规则是否通过)。发现以上都没问题，开始百度、查看官方文档，发现给包裹 el-rate 组件的 el-form-item 添加了如下属性去控制提示信息的显隐就好了。问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。2.填写完所有的选项后，仍未消除提示。1.打开表单，直接点确定。
2025-01-16 14:27:04
143
转载 使用vue-seamless-scroll 横向无限滚动
使用vue-seamless-scroll 横向无限滚动 同时解决复制的dom事件无法触发的问题。链接：https://juejin.cn/post/7185325199556870205。
2025-01-07 15:37:14
279
转载 npm常用命令
npm常用命令简介npm是跟随node一起安装的包（模块）管理器。常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。常用命令检测是否安装及版本。
2024-12-03 11:11:26
63
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人