郭宝
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp 开发微信小程序,通过高德SDK获取当位置/定位详细信息
需求是需要获取到当前位置的详细信息(结构化地址(省/市/区/街道/门牌号))首先想到的是通过uni的getLocation() 获取当前位置,但是发现只能获取到经纬度坐标点,无法获取到结构化地址(省/市/区/街道/门牌号)...原创 2022-08-17 16:28:28 · 1642 阅读 · 0 评论 -
uniapp 跳转到外部链接
在调试时,需要在微信开发者工具中勾选 不检验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书。然后在pages.json中配置webview.vue页面路径。然后调用subItemHandler 触发页面跳转。webview.vue页面。...原创 2022-08-14 17:10:52 · 9060 阅读 · 0 评论 -
uni-app 之 文件(图片、视频.....)上传与下载
代码】uni-app 之 文件(图片、视频.....)上传与下载。原创 2022-08-11 18:01:57 · 781 阅读 · 0 评论 -
uni-app开发微信小程序时u-view自定义样式不生效
在使用uni-app开发微信小程序时,设置原生样式后无效test1.vue文件在chrome浏览器中运行时,样式有效,截图如下:在微信小程序中运行时,样式失效,如下截图:1、使用style和class选择器设置样式无效,只能通过已有的class选择器来设置样式。...原创 2022-08-11 11:03:22 · 3002 阅读 · 1 评论 -
微信小程序 根据两个坐标点计算出两点之间的距离
核心代码: //进行经纬度转换为距离的计算 function Rad(d){ return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式。 } /* 计算距离,参数分别为第一点的纬度,经度;第二点的纬度,经度 默认单位km */ export function getMapDistance(lat1,lng1,lat2,lng2) { var radLat1 = Rad(lat1); var radLat原创 2020-07-10 11:13:18 · 4903 阅读 · 3 评论 -
微信小程序 转发给用户
实现步骤:通过 微信小程序内置的 button组件中的 open-type 属性来实现分享,如下代码:<button type="primary" open-type="share">分享</button>效果图:原创 2020-07-09 15:43:43 · 458 阅读 · 0 评论 -
微信小程序打开内置地图并通过外部地图进行导航
核心代码:要显示地图并可以实现导航时,只需要调用如下函数,然后传入要显示在地图中的经纬度和要进行导航的位置名称 /***查看位置*latitudelongitude表要展示在地图中的经纬度*name表示要导航的位置名称*/viewLocation:function(latitude=30.791611,longitude=111.310880,name='夷陵区殡仪馆'){wx.getSetting({...原创 2020-07-08 09:12:30 · 5681 阅读 · 12 评论 -
getLocation 需要在 app.json中 声明 permission 字段
背景:在通过微信小程序中的getLocation()进行定位时,出现了该错误解决办法:给 app.json 里面增加 permission 权限配置即可,如下代码: "permission":{"scope.userLocation":{"desc":"你的位置信息将用于小程序位置接口的效果展示"}}, 全部 app.json文件如下: {"pages":["pages/index/...原创 2020-07-07 17:26:58 · 958 阅读 · 0 评论 -
微信小程序-地图开发
怎么使用地图?地图展示:1、首先在 .wxml文件中 引入微信小程序内置的 map 组件 <mapid="myMap"class="map"scale="20"latitude="{{latitude}}"longitude="{{longitude}}"markers="{{markers}}"show-location></map&...原创 2020-07-07 17:13:58 · 1479 阅读 · 0 评论 -
微信小程序引入 vant UI组件库
实现步骤:1、首先在项目根目录下创建一个 miniprogram 文件夹2、然后进入到 miniprogram 文件夹下,打开DOS命令行工具,通过 npm init -y 初始创建一个 package.json文件npm init -y3、然后通过 npm 安装 vantnpm i @vant/weapp -S --production4、 然后打开微信开发者工具,点击工具 -> 构建 npm,并勾选...原创 2020-07-04 14:53:10 · 1448 阅读 · 0 评论 -
微信小程序下拉刷新
实现步骤:打开项目根目录下的app.json文件,然后给 window 对象新添加一个 "enablePullDownRefresh":true 属性,开启所有页面的下拉刷新功能,然后将 backgroundTextStyle 属性设置为 dark(将下拉 loading的样式该为drak),如下代码: "window":{"backgroundTextStyle":"dark","navigationBarBackgroundColor":"#fff",...原创 2020-07-04 11:07:21 · 369 阅读 · 0 评论 -
自定义微信小程序tabBar组件上边框的颜色
背景:在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求解决方案:方式一:通过tabBar组件自带的 borderStyle 属性来控制边框的颜色,将边框的颜色设置为白色,如下代码:"borderStyle":"white",全部代码:app.json文件 "tabBar":{"color":"#7B7E82","selectedColor":"#333333",...原创 2020-07-03 11:09:39 · 4246 阅读 · 2 评论 -
查看目前移动端设备市场份额
问题:作为程序员、设计人员、项目经理等相关人员,有时候需要知道当前移动端的市场份额是多少?目前主流的Android系统版本是多少?通过移动端上网的时间分布情况?通过移动端设备上网的男性多还是女性更多?目前移动端设备主流的分辨率是多少?解决方案:以上问题可以通过查看百度统计获知,详见: https://tongji.baidu.com/research/app#network...原创 2020-06-27 20:11:03 · 1276 阅读 · 0 评论 -
微信小程序项目结构目录介绍--4
微信小程序项目结构目录介绍 小程序提供了自己的视图层描述语言WXML(类似于web中的HTML)、WXSS(类似于web中的CSS),以及Javascript,并在视图层和逻辑层提供了数据传输和事件绑定,让开发者能够专注于数据与逻辑。...原创 2019-09-15 22:12:41 · 459 阅读 · 0 评论 -
微信小程序项目创建--3
创建步骤: 1、登录小程序开发者工具以后,选择小程序 2、输入项目的名称、项目存放的路径、AppID,然后创建创建成功以后的界面如下:...原创 2019-09-15 22:03:31 · 239 阅读 · 0 评论 -
微信小程序之开发环境搭建--2
搭建步骤: 1、申请账号 注意:每个邮箱只能注册一个,并且这个邮箱没有绑定微信公众号,没有绑定个人微信号。 2、记录当前的AppID AppID查看地址 3、安装开发者工具 官方微信小程序开发工具下载地址 ...原创 2019-09-15 21:34:46 · 251 阅读 · 0 评论 -
微信小程序开发--1
微信小程序官方源码:官方微信小程序实例源码原创 2019-09-15 20:55:35 · 182 阅读 · 0 评论