![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
小郭快跑呀!
不会写bug的程序猿不是优秀的程序猿
展开
-
小程序强制授权获取经纬度
// 用户授权位置信息 getUserLocation: function (e) { let vm = this wx.getSetting({ success: (res) => { console.log(res); if (res.authSetting['scope.userLocation'] != undefined && res.authS..原创 2021-12-21 15:06:39 · 178 阅读 · 0 评论 -
小程序使用变量名获取data中数据
js中的data 中 data: { type:'', normallist:[] } getType(e){ var type = e.currentTarget.data.type normallist console.log(this.data.type); '' console.log(this.data[type]); this.data.normallist原创 2021-12-21 13:15:17 · 2923 阅读 · 0 评论 -
小程序实现选择地址,搜索附近地址功能
借鉴: 微信小程序 地图选择附近地址获取经纬度 - 灰信网(软件开发博客聚合)1、在 app.json中书写以下代码"requiredBackgroundModes": [ "location" ],2、在需要使用的地址界面添加方法<view bindtap="chooseLocation">选择收货地址</view>3.在需要使用的js文件中添加以下方法chooseLocation:function(e){ var ...原创 2021-12-16 16:04:03 · 1584 阅读 · 0 评论 -
更改checkbox以及radio默认样式
/*多选框*/checkbox.wx-checkbox-input{width:34rpx;height:34rpx;border-radius:50%;}/*checkbox选中后样式*/checkbox.wx-checkbox-input.wx-checkbox-input-checked{background:#7B76E6;border-color:#7B76E6;}/*checkbox选中后图标样...原创 2021-12-15 09:27:57 · 477 阅读 · 0 评论 -
小程序第三方逆地址解析
1、登录百度开放平台(百度地图开放平台 | 百度地图API SDK | 地图开发)注册成为开发者,创建应用,选择应用类型,获取ak。2、使用wx.getLocation获取位置经纬度,调用百度地图api就可以进行解析。getDistrict(latitude,longitude){varak='ak'varthat=this;wx.request({url:'http://api.map.bai...原创 2021-12-14 10:15:39 · 659 阅读 · 3 评论 -
小程序复制文本
方式一:点复制按钮复制指定内容copy(e){var text = e.current.dataset.textwx.setClipboardData({data: text,success:function(res){}})}方式二:选择文本复制(selectable="true")<text class="c-desc" selectable="true">{...原创 2021-11-24 15:57:43 · 1618 阅读 · 0 评论 -
调用百度api逆地址解析
在百度地图开放平台如下:百度地图开放平台 | 百度地图API SDK | 地图开发百度地图API是一套为开发者提供的基于百度地图的应用程序接口,包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本,提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及逆地理编码等丰富功能。LBS·云是百度地图针对LBS开发者全新推出的平台级服务。通过地图API,一方面解决移动开发者服务器端日益增长的海量位置数据的存储维护压力,另一方面彻底解决所有LBS开发者基于位置数据的高并发检索原创 2021-11-24 15:14:45 · 1051 阅读 · 0 评论 -
解决小程序scroll-view无法触发onReachBottom上拉触底事件
使用了scroll-view标签onReachBottom上拉触底不触发,可以在标签里面加上这个事件 bindscrolltolower事件。bindscrolltolower eventhandle 否 滚动到底部/右边时触发 <scroll-view class="list" scrollY="true" bindscrolltolower="Reachbottom"></scroll-view>然后在js中调用这个方法,在...原创 2021-10-18 17:11:07 · 2180 阅读 · 1 评论 -
小程序右上角分享禁用和显示
1、显示:wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline']})2、禁用wx.hideShareMenu({ menus: ['shareAppMessage', 'shareTimeline']})注意:"shareAppMessage"表示“发送给朋友”按钮,"shareTimeline"表示“分享到朋友圈”按钮 显示“分享到朋友圈”按钮时必.原创 2021-10-08 18:26:36 · 1668 阅读 · 0 评论 -
小程序less转wxss
1、vscode安装Easy-less插件2、找到其解密后的安装包,复制到微信开发者工具中即可(1)选择设置>扩展设置>设置>自定义扩展,打开扩展的文件夹,粘贴即可。(2)或者直接找到插件右击选择从已解包的扩展文件夹安装,选择路径即可。3、在微信开发者工具中找到settings.json文件添加以下代码"less.compile":{"outExt":".wxss"},4、重启一下开发者工具,新建less文件...原创 2021-08-24 18:54:24 · 1898 阅读 · 0 评论 -
微信小程序template模板使用
微信小程序有提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用减少冗余代码。创建模板: 新建一个文件夹用来存放模板,在模板的wxml中定义定义页面布局,wxss中书写样式.<template name="template1"> <!-- 使用 name 属性,作为模板的名字 --> 页面布局</template>使用模板: 在需要使用模板的wxml文件中引入模板文...原创 2021-08-19 16:11:21 · 716 阅读 · 0 评论 -
小程序自定义组件以及使用组件方法
方法一: 1.新建一个文件夹,鼠标右击选择新建Component,输入组件名,就会生成组件对应js,json,wxml,wxss等文件.如下图所示: 2.在json文件中,设置字段"component": true,就表示该组件时自定义组件,以后就可以在其它页面中进行使用.{ "component": true, "usingComponents": {}}3.在 wxml 文件中编写组件模板,在 wxss 文件中书写组件样式,它们的写法与页面的写法类似。...原创 2021-08-19 14:36:20 · 777 阅读 · 0 评论 -
小程序分享好友
需求:将某个单页面分享给好友1、在页面js文件中通过onShareAppMessage生命周期来监听,用户点击右上角分享或者自定义分享按钮的行为。并可以设置分享的页面路径,标题,头图等信息。 onShareAppMessage: function () { return { title: "这是标题", //分享给好友时的标题 path:'pages/index/index'原创 2021-08-04 17:56:16 · 142 阅读 · 0 评论 -
小程序点返回的时候跳转到指定页面
需求描述:在确认订单页面,点击提交订单的时候,无论是支付成功还是取消都是跳转到了订单详情页,这个时候在订单详情页面点返回的时候还是会跳转到确认订单页面,这时候就让它返回的时候跳转到指定页面。1、首先在确认订单页面,,点击提交订单跳转的时候传一个参数,以便订单详情页面返回的时候来判断是不是由确认订单页面跳转到的,因为像从订单列表页面查看订单详情的时候,是还是返回上一页的,所以要区分下。代码如下:submit(){ wx.navigateTo({ url: '/newPages/de原创 2021-07-28 16:56:48 · 962 阅读 · 0 评论 -
小程序自定义导航栏样式
动态修改导航栏名称,代码如下:wx.setNavigationBarTitle({ title: 导航栏名称})原创 2021-07-20 20:39:23 · 457 阅读 · 0 评论 -
小程序返回上一页并传参
功能需求:在做查看订单页面的时候,有待支付、已完成,已取消,已退款几种,点击查看订单详情后返回的时候,要回到上一次点击的状态(待支付、已完成,已取消,已退款)这个时候就需要缓存点击的哪一项,返回的时候设置。1、在要返回的页面中加载后或者请求成功后添加以下代码: onLoad: function (options) { var pages = getCurrentPages(); \\当前页面 var prevpage = pages[pages.leng原创 2021-07-28 08:55:39 · 697 阅读 · 0 评论 -
小程序上传发布
1、在微信开发者工具点击上传输入版本号,更新类型及等信息,如图所示: 出现以下上传成功弹窗表示代码上传成功,可以继续下一步操作。2、进入微信公众平台 (https://mp.weixin.qq.com/)使用开发者账号微信扫码登录3、在管理--版本管理--开发版本中可以看到你刚才提交的版本。4、点击提交审核、按照步骤填写相关信息,点击提交审核即可。5、这时候你只需要耐心等待,审核通过后会发送给你一条审核通过服务通知。6、审核通过后,在审核版本中点击提交发布,线...原创 2021-07-21 16:37:57 · 500 阅读 · 0 评论 -
小程序订阅通知
使用wx.wx.requestSubscribeMessage发起订阅消息弹窗如下所示:代码如下所示: wx.requestSubscribeMessage({ tmplIds: reqsutmp, success(res){ console.log(res); if(res.errMsg=="requestSubscribeMessage:o...原创 2021-07-20 13:17:22 · 353 阅读 · 1 评论 -
小程序登录授权功能
登录 首先通过wx.login获取用户登录的凭证code,然后将code提交到你的后台来换取 openid ,session_key , unionid等信息。wx.login({ success(res){ console.log(res) if (res.code) { // 发起网络请求,用于用户登录 wx.request({ url: '后台登录的接口', ...原创 2021-07-17 17:06:11 · 826 阅读 · 3 评论 -
小程序支付
接入前的一些准备工作具体见:https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_1.shtml接入成功后就可以通过以下代码进行支付了。1、首先通过以下代码:wx.request(url,params,e=>{})请求后台接口,把商品的一些基本信息,如商品数量,价格等信息提交到后台(具体看后台需要什么信息就传什么),后台会返回给一个订单ID。 2、 通过订单id,调用后台的支付接口后端会返回给你发起支...原创 2021-07-17 14:48:43 · 123 阅读 · 0 评论 -
小程序分包
分为普通分包和独立分包两种:1、普通分包 配置app.json文件,在app.json中声明subpackages字段。 语法如下:"subpackages": [ { "root": "packageA", "pages": [ "pages/a1", "pages/a2" ] }, { "root": "packageB", "name": "package2", ...原创 2021-07-16 13:28:03 · 282 阅读 · 0 评论