uni-app
子玉欸
加油,冲冲冲
展开
-
小程序中页面跳转传参的方式
2. 全局变量传递:可以在app.js中定义一个全局数据对象,用于存储需要传递的参数。3. Storage本地存储传递:可以使用小程序提供的本地存储API来传递数据。这些是常见的小程序页面跳转传参的方式,你可以根据具体需求选择适合的方式进行参数传递。1. URL参数传递:可以通过在目标页面的URL后面拼接参数来传递数据。4. Event事件传递:可以通过事件的方式在页面之间传递参数。原创 2024-01-11 19:17:15 · 1014 阅读 · 0 评论 -
uniapp上传文件时用到的api是什么?格式是什么?
需要注意的是,`uni.uploadFile` API在不同平台(如微信小程序、H5、App等)上的具体实现可能会有所差异,你需要根据自己的目标平台进行适配。该API用于将文件上传到服务器。- `filePath`:要上传的文件路径,可以是临时文件路径或者持久文件路径(如本地相册中的图片)。- `success`:上传成功时的回调函数,可以在此处处理上传成功后的逻辑。- `fail`:上传失败时的回调函数,可以在此处处理上传失败后的逻辑。- `url`:上传接口的地址,即服务器端处理文件上传的API地址。原创 2024-01-05 21:07:05 · 713 阅读 · 0 评论 -
uniapp中设置登陆后存储信息,固定时间后清除存储信息,重新登陆
此代码应写在请求成功后,这是一个同步存储信息操作。原创 2024-01-02 21:52:57 · 1114 阅读 · 0 评论 -
uniapp动态更新头部导航的title
在上面的示例中,我们在 `mounted` 钩子函数中调用 `updateTitle` 方法来更新头部导航的标题。你可以将需要更新的标题保存在 `data` 属性中,然后调用 `uni.setNavigationBarTitle` 方法并传入新的标题。在某些平台上,可能需要在页面的 `onShow` 钩子函数中更新标题,以确保在页面切换时正确显示。请根据实际情况选择适合的钩子函数来更新标题。在uni-app中,你可以使用`uni.setNavigationBarTitle`方法来动态更新头部导航的标题。原创 2023-12-24 08:06:39 · 861 阅读 · 0 评论 -
uniapp运行到微信小程序,使用高德地图,并绘制线路图
首先,你需要在高德开放平台注册你的key,在你注册完账号后,点击控制台点击管理key选择微信小程序,名称按要求来完成后出现一条微信小程序的key,这个后续需要用到。原创 2023-12-23 21:36:27 · 2903 阅读 · 0 评论 -
uniapp使用canvas绘图制作动态变化的时钟
想要修改样式,在代码中有注释,基本上要修改的就是大小,及其颜色,都有备注,需要改动的话尽量固定所改动的比例关系。原创 2023-12-23 20:49:52 · 580 阅读 · 0 评论 -
uview组件中使用MessageInput 验证码输入和Keyboard 键盘制作的简单支付密码输入框
【代码】uview组件中使用MessageInput 验证码输入和Keyboard 键盘制作的简单支付密码输入框。原创 2023-12-21 20:55:10 · 627 阅读 · 0 评论 -
uniapp显示当前位置与所传入位置的距离
请注意,`targetLatitude` 和 `targetLongitude` 是要比较的目标位置的经纬度。你可以将其替换为你需要比较的位置的具体经纬度值。接下来,你可以使用 Haversine 公式或其他距离计算公式来计算两个经纬度之间的距离。要在 UniApp 中显示当前位置与所传入位置的距离,你可以借助小程序的 API 来获取当前位置的经纬度,并使用合适的算法计算两点之间的距离。如有其他问题,请随时提问。首先,你可以使用 `uni.getLocation` 方法获取当前位置的经纬度信息。原创 2023-12-14 20:37:34 · 802 阅读 · 0 评论 -
uniapp制作录音播放功能
这样就可以进行开始录音、暂停录音等功能,具体方法可以进入官网查看;之后在停止录音的监听事件中,可以获取到当前录音结束后,音频的临时地址,此时可以在页面中添加啊一个audio标签,把临时路径放入src中,即可播放。这是完整的一套流程了,点击录音图标,开始录音,并计时,停止后,显示audio元素,src则为停止录音后的音频临时路径,可播放,点击重置,清除录音实例,以及临时路径,隐藏audio元素。其中样式按需调整,大致功能就是如此,如需其他录音的方法,可前往官方文档查看,1.页面中添加按钮,弹出录音弹出窗。原创 2023-12-14 16:26:28 · 772 阅读 · 0 评论 -
uniapp中制作侧边导航栏
.sidebar-container`是一个Flex容器,其中包含了`.sidebar`和`.main-content`两个子元素。如果你想制作一个简单的侧边导航栏,并且不使用额外的组件库,可以使用uni-app提供的基础组件和样式来实现。`.sidebar`是侧边导航栏的容器,具有固定的宽度和背景色。`.sidebar-header`是导航栏的标题部分,`.sidebar-menu`是菜单项的容器。很抱歉,我之前提到的示例中使用的组件是基于Uni-app框架的组件库,使用前需要在项目中安装相应的依赖。原创 2023-12-10 15:32:12 · 1946 阅读 · 1 评论 -
在uniapp中如何存储全局变量
在其他页面中获取 app.vue 中的 globalData 中的 url,可以通过 getApp() 方法来获取全局应用程序实例,并直接访问其中的 globalData 属性。通过 getApp() 方法获取到全局应用程序实例后,就可以直接访问其中的 globalData 对象,并获取其中的属性值。在全局的app.vue使用globalData属性。在app.vue中的js写入。原创 2023-12-10 15:19:45 · 651 阅读 · 0 评论 -
uniapp自定义头部导航样式
为了确保按钮颜色的变化能够生效,您还需要在页面的 `json` 配置文件中设置导航栏样式。在需要改变导航栏右侧按钮颜色的页面的 `onLoad` 或 `onReady` 生命周期函数中调用 `uni.setNavigationBarColor` 方法。要改变 uni-app 头部导航栏右侧按钮的颜色,您可以使用 `uni.setNavigationBarColor` 方法来实现。请根据您的需求修改 `frontColor` 和 `backgroundColor` 的值,以调整按钮和背景的颜色。原创 2023-12-10 15:02:05 · 859 阅读 · 0 评论 -
uniapp中地图制作
对于 Uni-app 中的地图展示,可以使用第三方地图 SDK,比如腾讯地图 SDK、百度地图 SDK 等。具体的使用方法会根据不同的地图 SDK 有所不同,一般需要在页面中引入相应的 JavaScript 文件,并根据官方文档提供的方式来进行配置和展示地图。在这个示例中,我们使用了 `` 组件,这是 Uni-app 中的内置地图组件,我们可以通过设置相应的经纬度和标记点信息来展示地图。同时,需要根据腾讯地图 SDK 的相关文档进行配置,确保 SDK 的引入和初始化操作已经完成。原创 2023-12-10 08:33:51 · 430 阅读 · 0 评论 -
uniapp生成所设置字符串的条形码
一般生成后最好重新编译运行一下,次代码就会生成code值为'E57890543271985'的条形码,在你请求接口后可使用this.options.code修改其值,生成你想要的值。以上就是生成一个简单的条形码,其他设置,如想要二维码,或者修改其样式等等,可前往其官方文档查看。直接点击“下载插件并导入HbuilderX” ,下载至你所做的项目。首先在你的项目pages.json文件中加入以下代码。今日制作一个条形码,内部值是接口所返回的code值。搜索条形码插件,我使用的是。之后在你的页面内部直接写入。原创 2023-12-10 08:22:18 · 727 阅读 · 0 评论 -
uniapp请求数据出现的问题(避个坑)
在制作项目时,请求数据后,在微信小程序预览,数据请求是没有任何问题的,但是在预览,真机调试,上传,都请求不到信息,甚至请求都不返回报错等信息。在微信小程序 > 开发管理 > 开发设置 > 服务器域名 > 配置合法域名,查看是否和请求域名不同,或没有配置,但我的配置是没有问题的。最后使用别人的域名请求,请求到了,这时候反应过来,是域名的问题,域名的协议过期了,上传,在线上是请求不到东西的。希望大家避坑,这个请求费了一个多小时没整过来,最后发现是域名的问题。原创 2023-12-08 11:27:15 · 530 阅读 · 0 评论