![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序开发
小程序
不秃头的小李同学
这个作者很懒,什么都没留下…
展开
-
微信开发者工具IDE调试webview内嵌H5方式
原创 2022-03-15 14:23:01 · 2665 阅读 · 1 评论 -
微信小程序wx:for限制循环显示次数
结合wx-if即可 <view class="item" wx:for="{{data}}" wx:if="{{index < 3}}" wx:key="index"> </view>原创 2022-01-04 17:06:33 · 3556 阅读 · 1 评论 -
微信小程序长按识别二维码
在image标签中添加show-menu-by-longpress属性即可 <view class="qrcodeArea"> <image class="qrcode" show-menu-by-longpress src="/assets/img/qrcode.png"> </image> </view>原创 2022-01-04 15:51:51 · 2963 阅读 · 0 评论 -
微信小程序 margin-top失效
给父级标签设置如下:overflow: hidden;原创 2022-01-04 15:31:04 · 1268 阅读 · 0 评论 -
node.js调用接口getUnlimite获取小程序码乱码
源代码: request({ url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=' + token, method: "POST", json: true, headers: { "content-type": "app原创 2021-11-29 15:23:57 · 656 阅读 · 1 评论 -
微信小程序自定义组件-基础知识
官方教程组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个 节点,用于承载组件引用时提供的子节点。<!-- 组件模板 --><view class="wrapper"> <view>这里是组件的内部节点</view> <slot></slot></view><!-- 引用组件的页面模板 --><vie转载 2021-10-21 15:51:23 · 240 阅读 · 0 评论 -
小程序埋点——地理位置埋点(神策系统)
es5语法 wx.getLocation({ type: 'wgs84', success(res){ const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy console.log('授权成功');原创 2021-10-15 11:25:06 · 751 阅读 · 0 评论 -
小程序地理位置授权——监听按键授权或者拒绝授权(es5语法,es6语法)
es5语法 wx.getLocation({ type: 'wgs84', success(res){ const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy console.log('授权成功');原创 2021-10-15 11:20:08 · 340 阅读 · 0 评论 -
小程序头像昵称授权-监听是否点击授权或者拒绝授权按钮
建议利用getUserProfile来获取头像昵称,需要绑定点击事件wxml <view class="userInfo" bindtap="getUserProfile"> <view class="avatarInfo"> <image class="avatar" src="{{avatarUrl}}"></image> </view> <view c.原创 2021-10-15 10:45:54 · 612 阅读 · 0 评论 -
手机号授权——小程序getPhoneNumber监听点击确认允许和拒绝授权按钮
先上代码: //手机授权调用 getPhoneNumber(e) { console.log(e.detail.errMsg); // 允许授权 if(e.detail.errMsg = 'getPhoneNumber:osk'){ //调用接口利用 e.detail.encryptedData, e.detail.iv 信息来解密手机号 // 拒绝授权 else if(e.detail.errMsg == 'getPhoneNumber:fail原创 2021-10-15 10:34:07 · 5518 阅读 · 2 评论 -
小程序神策系统sensors.registerApp 设置事件公共属性失败
问题:在设置预设事件公共属性时,结果没有显示出来源代码: firstLoad() { let that = this; // 预制事件 公共事件属性,每次检测都会将该属性加入到其中,需要在初始化SDK之前使用 sensors.registerApp({ front_project: 'xxxxxxxxxxxxxxxxx', platform_type: 'MiniProgram' }); let storageUnionid = wx.原创 2021-10-11 14:13:39 · 1000 阅读 · 0 评论 -
微信小程序神策埋点系统初体验
// 配置初始化参数sensors.setPara({ name: 'sensors', server_url: '您的数据接收地址', // 全埋点控制开关 autoTrack:{ appLaunch: true, // 默认为 true,false 则关闭 $MPLaunch 事件采集 appShow: true, // 默认为 true,false 则关闭 $MPShow 事件采集 appHide: true, // 默原创 2021-10-08 15:46:20 · 1107 阅读 · 1 评论 -
wx.showDodal()去除取消按钮
利用showCancel取消取消按钮 wx.showModal({ cancelColor: 'cancelColor', showCancel:false, content:"网络异常", success:function(res){ wx.showToast({ title: '网络异常', })原创 2021-09-27 18:51:07 · 518 阅读 · 0 评论 -
微信小程序Tap栏切换
这里是引用利用swiper的current属性来实现tab栏切换效果图wxml<view> <view class="tabbar"> <view wx:for="{{barname}}" wx:key="index" class="{{currentTab==index?'select':'default'}}" data-current="{{index}}" bindtap="clickTab"> {{ite.原创 2021-08-18 17:31:53 · 778 阅读 · 0 评论 -
swiper轮播图
swiper中只能放swiper-itemblock 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> .原创 2021-08-16 19:42:59 · 246 阅读 · 0 评论 -
小程序scroll-view失效
横向滑动要点:外层设置:white-space:nowrap;dispaly:flex;内层设置:display:inline-block;<view> <scroll-view scroll-x="true" style="height:50rpx; white-space:nowrap ;display:flex;" > <view style="display:inline-block ;color:red;">niaho</view&原创 2021-08-16 17:30:11 · 1179 阅读 · 0 评论 -
微信小程序scroll-view
<scroll-view scroll-y style="height: 100%;"> <view class="green" style="width: 100%; height: 200px; background: green;"></view> <view class="red" style="width: 100%; height: 200px; background: red;"></view> <view clas原创 2020-05-10 15:21:35 · 195 阅读 · 0 评论 -
微信小程序——开发文件结构
一、总概对于微信小程序整个开发框架而言,其程序中包含一个描述整体程序 App 和多个描述各自页面的 pages对于微信小程序来说,一个小程序主体部分由三个文件构成如下表所示页面的开发都放在文件夹pages中,log文件夹是微信小程序自动生成的日志页面一个完整的小程序页面包含四个部分:js、wxml、wxss、json对于微信 程序自身,一个页面的四个文件名称都是一致的,并且如采使用...原创 2020-03-05 22:07:30 · 1119 阅读 · 0 评论