草庐IT

uniapp 小程序 地图<map> 渲染标注点 且自定义气泡内容(slot写到页面中/样式自定义)

效果图:(气泡可随意定义样式)页面内容: (slot为自定义标注气泡) {{item.id}}内容 获取经纬度方法://获取经纬度getLication:function(){ varthat=this; uni.getLocation({ type:'gcj02', success:function(res){ //console.log('当前位置的经度:'+res.longitude); //console.log('当前位置的纬度:'+res.latitude); that.longitude=res.longitude;

uniapp 小程序定位无效问题解决之一

这两个接口之前开发时候还能正常使用,但是昨天调用时候发现,在后台接口设置这里wx.chooseLocation要重新开通,wx.getLocation暂无权限!一、wx.chooseLocation申请重新开通,我的审核时间十分钟就通过了!二、wx.getLocation把小程序的服务类目添加一个工具类-信息查询或其它类目,再回到接口设置,申请开通,步骤如上,这里审核可能需要几个小时或更久!三、申请完配置一下uniapp"permission":{ "scope.userLocation":{ "desc":"你的位置信息将用于小程序位置接口的效果展示" } }, "requ

UniApp之使用manifest.json应用配置的详细教学

manifest.json文件是UniApp开发中用来配置应用信息的重要文件。通过修改manifest.json文件,开发者可以配置应用的名称、图标、启动页面、权限等信息。本文将为您提供详细的教学,介绍如何使用manifest.json文件进行应用配置,并提供示例代码帮助您更好地理解。步骤1:创建manifest.json文件在您的UniApp项目根目录下,创建一个名为manifest.json的文件。这个文件将包含您的应用的配置信息。示例代码:{"name":"MyUniApp","description":"这是一个使用manifest.json进行配置的UniApp示例应用","app-

【uniapp】小程序获取自定义导航高与胶囊按钮定位的两个api

//获取自定义导航的高 uni.getSystemInfo({ success:res=>{ this.topHeight=res.statusBarHeight } }) console.log(this.topHeight); 在小程序平台,如果原生导航栏被隐藏,仍然在右上角会有一个悬浮按钮,微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息,方便开发者布局顶部内容时避开该按钮。//获取胶囊按钮letmenuButtonInfo=uni.getMenuButtonBoundingClientRect()下面来尝试一下:  代码如下:【

uniapp荣耀view 7平板系列usb调试真机调试找不到设备解决方法

 最近在使用uniapp做安卓开发的时候,发现采购的荣耀view7平板连真机调试找不大设备,Hbuild死活找不到设备,但是普通的手机连接又能识别到设备。现象如下图: 最后一番查阅资料后才找到解决方法。 第一步: 打开平板设置,找到最下方的“关于平板电脑”,一直重复点击版本号,直至进入开发者模式。 第二步: 同样在平板设置里,打开“系统与更新”,点击进入“开发人员选项”。 第三步: 此时要保证平板和电脑稳定相连,然后在开发人员选项里面找到“选择usb配置”,然后选择“音频来源”。 第四步: 在“开发人员选项”里面找到“USB调试”并开启,开启后平板会弹出几个确认框,都点击确定即可。 最后: 在

uniapp使用支付宝小程序插件

比如接入商家消息的插件:https://opendocs.alipay.com/mini/01rnqx准备工作:先按照上面的操作购买添加插件到指定的小程序开入接入:如果使用uniapp,以上几个步骤要稍微调整下:第二步原本在app.json中添加插件在uniapp开发中需要换到manifest.json中(unapp项目根本下就有)找到支付宝小程序的配置:"mp-alipay":{ "usingComponents":true, "appid":"appid", "uniStatistics":{ "enable":true }, //这是从支付宝文档上copy过来的,什么也不用

uniapp app的webview与h5交互操作

app里的webview与h5交互操作,需要在h5页面加点代码,然后才能执行app里的方法官方地址在nvue页面里才能实现与h5的交互,设置webview的高度template> view> viewclass="nav":style="{'margin-top':styleObj.top}"> viewstyle="width:130rpx;height:130rpx;display:flex;align-items:center;flex-direction:row;"> imagesrc="/static/images/arrow_left_black.png"@tap="g

超详细版:HBuilderX中实现uniapp小程序动态tabBar

开发过程中遇到了动态tabBar的需求,用户登录后要根据用户信息动态展示tab栏,这里跟PC端的用户权限页面是一个意思,核心步骤就是:先在Page.json文件中tabBar/list数组内配置好所有需要展示的页面,这里只需要在list各对象中设置好pagePath这个必填属性就好(必填属性,不填控制台报错,无法展示导航页面)"list":[{"pagePath":"pages/tabBar/home/home",},{"pagePath":"pages/tabBar/inspect/inspect",},{"pagePath":"pages/tabBar/cart/cart",},{"pag

基于SpringBoot+Uniapp的微信小程序二手购物商城(用户手册+测试报告+详细设计文档)

✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取项目下载方式🍅一、项目背景介绍:这个微信小程序二手购物商城的背景是为了满足用户对二手商品购买和交易的需求。随着社会的发展和环保意识的提高,越来越多的人开始重视二手商品的价值和可持续利用。然而,传统的二手交易方式存在一些问题,如信息不透明、交易不便利等。因此,开发这个小程序的目的是为了打造一个便捷、安全、可信赖的二手购物平台,为用户提供更好的购物体验。二、项目技术简介:JAVA:Java是一门面向对

uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法

方法1:在pages.json{... "pages":[ { "path":"XXXX", "style":{ "navigationBarTitleText":"导航栏", "navigationStyle":"custom"//使用自定义导航栏,系统会关闭默认的原生导航栏 } },...]...}方法2:在pages.json{... "pages":[ { "path":"XXXX", "style":{ "navigationBarTitleText":"导航栏", "app-plus":{ "titleNView":fa