草庐IT

uni-getLocation

全部标签

小程序-uni-app:scroll-view/区域滚动、下拉刷新、上拉加载更多

一、简介开发环境:小程序、uniapp+vue3+ts实现功能:列表页面实现,区域滚动、下拉刷新、上拉加载更多,效果如图:正常:下拉刷新: 上拉加载:二、实现2.1、代码0"> 翁美玲 2022-07-15 这是我的底线了~ 上拉加载更多... 加载中... -------------------------------------------------lower(){ console.log('滚动到底部') this.page++ this.getList()},refresher(){ console.log('下拉刷新',this._fre

uni-app - 修改默认端口,H5 项目控制台运行出来的 IP 地址的默认端口号(H5 项目运行后控制台,修改项目运行到内置浏览器默认 8080 端口号)

前言uni-app修改运行到内置浏览器使用IP地址(Network)访问(自定义域名)默认情况下H5项目运行后,控制台会出现如下图所示本地域名IP:我们要的是,自定义端口号(例如改成80):解

uni-app微信小程序打开第三方地图

需求小程序中有个按钮点击以后会调用手机中第三方地图进行导航。参数位置信息经度与纬度。实现方法uni.openLocation({latitude:Number('地址纬度'),longitude:Number('地址经度'),name:'地址名称',address:'地址详情',success:function(res){console.log('打开系统位置地图成功')},fail:function(error){console.log(error)}原本以为一切顺利,结果在微信开发者工具中显示如下:location参数格式错误,请正确填写经过测试发现,因为我在微信小程序中使用,所以默认会使

微信小程序第三方平台uni-app配置ext.json(超详细)

配置原因假如说,有多个业务,功能模式相同的公众号/小程序,如果只是小程序开发,那是不是需要复制多套代码,改appid信息,在微信公众号后台,配置域名服务器以及密钥等繁琐的信息,每改一个提交发布一次,进行重复的步骤。随着要维护的公众号/小程序数量逐步增加,需要投入的资源以及成本也随之增加。有没有想过,只需要开发一套公众号/小程序代码,以之为模板,再来一套后台管理系统,把在微信公众号后台做的那些事都搬到我们自己的系统中。来一个业务相同的小程序,只需要管理员授权后,只要在我们的系统中点点几个按钮,就可以把小程序发布上线,一次开发供N个公众号使用,提供标准化的接口服务来满足业务的基础需求。通过扫描二维

uni.getLocation() 微信小程序 线上获取失败

开发版,体验版,用此方法都可以正确获取定位,但是在小程序的线上,总是获取失败参考:uni-app微信小程序uni.getLocation获取位置;authorizescope.userLocation需要在app.json中声明permission;小程序用户拒绝授权后重新授权-CSDN博客uniapp中的 uni.getLocation()方法,打包为小程序后,可能调用的是wx.getLocation()方法,所以,我们需要确定wx.getLocation()的权限是否开通

uni-app自定义微信小程序头部导航栏

目录一、子组件代码1、完整子组件代码 2、子组件配置项Props 二、父组件引用代码 1、将头部导航注册成全局组件(main.js)2、获取设备信息(App.vue)3、页面导入自定义导航组件(3-1)、默认配置效果图例(3-2)、更改配置效果图例 一、子组件代码1、完整子组件代码  {{Props.backText||'返回'}} {{title}} exportdefault{ name:"HeaderNav", data(){ return{}; }, props:{ Props:{ typ

uni-app 编译报错 Error: pages.json解析失败,不符合 json 规范Unexpected token ‘)‘

 问题使用webstorm开发项目时,打开pages.json习惯性ctrl+alt+l把代码格式了,然后报错了。接着使用HBuilder编译,但是一直显示在编译中,完全没有反映。重启编译器与重启电脑都没有用。 没管然后编译报错了。加上逗号再运行还是报错把代码还原BeyondCompare对比,就是多了个逗号导致  分析::这个地方比较微妙,条件编译,是百度小程序才有后面的:usingComponents,现在我的是微信小程序,所以在softinputMode:adjustResize这里就是{}的最后一个键值对了,不能在最后一个键值对,不允许有逗号!!!ifdefendif这些语句最后也不能

使用vue2开发uni-app项目--引入uview-ui

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档目录前言一、安装1、安装uview-ui2、安装scss支持二、配置1、在main.js中引入uView库2、uni.scss文件中引入uView的全局SCSS主题文件 3、在APP.vue文件中引入uView基础样式4、在pages.json中配置easycom组件模式总结前言使用vue2开发uni-app项目,引入第三方库uview-ui的步骤。提示:以下是本篇文章正文内容,下面案例可供参考一、安装1、安装uview-uinpminstalluview-ui2、安装scss支持已安装请跳过,安装命令在《使用vue2开发uni-

uni-app - 用户点击图像放大预览功能 / 支持左右滑动与手指手势放大缩小图片(支持单图与多图、实现手机查看大图全屏预览功能),类似微信查看图片的效果,支持 App、H5、小程序等全端兼容!

前言网上很多教程都非常乱,并且很多文章都老了,代码注释本文从0-1提供给您点击图片放大预览(全端兼容)函数的功能封装,支持单图与多图(2张以上)模式,支持左右滑动与手指手势放大缩小图片,可监听图片打开成功与失败,如下真机测试效果图(Gif录屏显得卡顿,实际很刘畅)所示,代码干净整洁且注释详细:在多图模式下,可将当前点击的图片置为第一张进行展示!完整源码推荐使用平台一键复制功能,避免漏选。随便找个新页面,一键复制运行起来。template>

uni小程序中上传与下载文件或图片(兼容小程序H5)

概述 在小程序中要进行上传附件的操作,使用u-view中自带的上传附件,如果只是上传图片的话比较好用,但是如果pdf,ppt等文件就会没那么好用了。所以我使用的uni中的上传与下载,详细信息可以去文档查看uni.uploadFile(OBJECT)|uni-app官网官方链接:uni.uploadFile(OBJECT)|uni-app官网运行效果配置步骤1.页面样式 附件 {{item.r