微信小程序
IT-老五
这个作者很懒,什么都没留下…
展开
-
微信小程序:一些常见问题及代码片段
之前几个小程序功能都非常简单,就几个页面,这次开始一个稍微功能齐全点的小程序;开发进行一周以来,遇到了一些小问题,这里记录下,以便以后遇到能快速解决。[IT老五]微信小程序1. 申请位置权限,授权弹窗仅弹出一次我们如果需要获取当前位置,则需要申请小程序的位置权限,此时我们可以用wx.getLocation来申请,并且在app.json中添加权限,如下// ...原创 2019-12-01 15:43:40 · 606 阅读 · 0 评论 -
微信小程序:switch、radio等控件缩放zoom
之前做App时,因为Android原生控件不太美观,而且各个版本之间的控件样式都不一致,所以针对一些单选、多选、开关等控件时,往往会采取自定义的形式去实现。在小程序中,因为都是微信制作的,控件美观性及版本一致性上都没什么问题,所以针对一些如switch、radio等控件,就不去做自定义处理了。但是,总感觉这些控件的大小与界面有点不太协调,于是就想办法来改变大小:首先想到的是,通过widt...原创 2019-04-18 11:11:53 · 1662 阅读 · 0 评论 -
微信小程序:position: fixed导致的滚动时页面元素不跟着动的问题
由于对js的不熟悉,花了近半个小时才解决这个问题,现在记录下:项目需要如上图所示的一个列表页面,唰唰唰…没花多长时间就完成了,在元素较少时,不需要滚动,使用一切正常;后来添加了更多的item后,页面需要滚动,但是滚动的效果感觉莫名其妙,如下图:OMG???居然有部分元素不随着页面一起滚动…(キ`゚Д゚´)!!..一脸懵逼中…没办法,有病得治,有Bug赶紧改…百度谷歌必应了一阵,后来...原创 2019-05-30 10:44:55 · 4313 阅读 · 1 评论 -
微信小程序:功能升级中页面(图片等比缩放)
在程序开发中,难免会要考虑一些基础业务以外的功能,如错误提示、升级提示、维护提示等...有时候因为时间问题,产品可能只开发部分功能就上线了,而为了让用户知道有这么一个功能,未开发完全的功能则仅放置一个入口,此时就需要一个升级/维护的提示页面...功能升级中.png如上图:这个页面很简单,一张图片,一行文字,在代码上,都不需要写任何js代码。仅需改动wxml和wxss即可;w...原创 2019-05-30 10:46:42 · 659 阅读 · 0 评论 -
微信小程序:如何跳转app方案及实现
关于微信小程序跳转app,开发者迫切希望微信能提供,以便对app引流、以及对小程序无法实现功能进行补充、并实现自家产品的闭环;而微信则因为安全及用户流出方案考虑,不愿意让用户跳到app。那么,小程序跳app到底是否可行呢?微信小程序:如何跳转app方案及实现关于小程序如何跳转app,常规思路有四种:利用官方api:需要app接入开放平台,并且与小程序属于统一账号下,关键是...原创 2019-05-30 10:51:22 · 8751 阅读 · 1 评论 -
微信小程序:一套开源微信小程序ui
itlao5-xmb-weapp一套微信小程序ui,包含首页,我的,授权,用户绑定,信息展示及修改等...项目小,但其中包含一些功能点:可配置数据列表微信小程序:“我的”页面布局(二):可配置功能菜单列表 用户授权微信小程序:“我的”页面布局(一):微信用户信息获取及UI 小程序跳转app:微信小程序:如何跳转app方案及实现 功能升级页面:微信小程序:功能升级中页面(图片等比缩...原创 2019-05-30 10:54:05 · 401 阅读 · 0 评论 -
微信小程序:wxml中增加wxs脚本实现手机号/身份证等隐私信息显示
在js中,我们需要将手机号带星号显示是很容易的事情,只需要调用字符串截断与拼接就可以了;但是,在wxml中,我们如何处理呢?微信小程序开发框架中有一个wxs,就是为了解决类似问题的,只需要在wmxl中引入wxs,就可以调用该类的方法,这一点和网页开发html中通过script引入js类似。首先,在pages同一级有个wxs目录(没有的可以自己创建),所有的wxs都可以放在这里。subu...原创 2019-04-20 21:48:49 · 2038 阅读 · 0 评论 -
微信小程序:带输入栏的选择项蒙版弹窗
有一段时间没弄小程序了,现在新增一需求,需要在点击取消按钮时选择取消原因。于是,又开始折腾…蒙版实现看到这个需求,第一想法是点击后弹出一个蒙版弹窗,里面带有选择项按钮。于是,在之前的页面上,增加一个半透的view,在这个view中添加想要的各种控件。于是,在wxml中加入:<view class='maskWindow' />css为:.maskWindow{ ...原创 2019-03-28 21:27:55 · 2168 阅读 · 0 评论 -
微信小程序:蓝牙BLE连接10003问题分析及解决
10003是微信蓝牙连接经常碰到的问题,微信官方给出的文档中就简单的描述为“connection fail”,备注为“连接失败”。然而,实际上出现10003的状况有很多,比如根据deviceId连接蓝牙时,蓝牙设备未开启或异常导致无法连接;蓝牙设备被占用或者上次蓝牙连接未断开导致无法连接;出现该错误后,去微信官方社区寻求帮助,在社区发现了整整4页(将近40条)都是反馈该问题,然而都没有得到官方答...原创 2018-11-14 22:43:23 · 1541 阅读 · 0 评论 -
微信小程序--Web-View刷新Html页面(改)
最近进行小程序开发,因为主体上是复用了公众号的内容,所有采用了Web-View加载H5的方式进行,其中有一个需求是连接蓝牙设备收集数据并上传到后台,点击H5中的按钮,进入到蓝牙采集页面,然后在采集完数据后,跳回H5页面并刷新。在H5中调用wx.miniProgram.navigateTo调到了小程序页面,然后采集完数据,最开始想到的是使用reLaunch重新加载H5页面,但是由于小程序新开pag...原创 2018-11-14 22:44:22 · 310 阅读 · 5 评论 -
微信小程序:Animation实现图片旋转动画
最近小程序中有一个图片旋转的需求,最初是想着通过切换多张图片达到旋转的效果,后来发现微信小程序带有动画api,然后就改由image+Animation来实现。###首先在wxml中定义image<image class="bth_image2" mode="aspectFit" animation="{{animation}}" src='../../images/***.png'&g...原创 2018-11-14 22:45:53 · 3010 阅读 · 0 评论 -
微信小程序:text文本的展开与收起
间隔了几个月,又被拉来做小程序了~~~页面中有一段说明文字,要求默认收起,只展示3行;点击按钮可以查看完整内容。看了下微信文档,没发现有控件满足要求,于是决定通过js实现先看看布局文件,关键在与{{ellipsis?‘ellipsis’:‘unellipsis’}},样式根据js中的ellipsis改变。<view class='bg-white marginTop10 vert...原创 2018-11-16 18:46:51 · 568 阅读 · 3 评论 -
微信小程序:web-view嵌套H5实现微信支付功能解决方案及填坑
最近一个多月加班比较严重,偶尔休息一天也是在补睡眠+陪家人,比较长时间没有来进行总结记录了。今天不加班,开始为这段时间做的东西进行下经验总结。这段时间因为公司需要,接触了一些.Net前后台开发,慢慢了解了一些WCF、H5站点、WebService、Soap、Linq等,也了解了一些BLL、DAL相关内容。同时也参与了微信支付、微信医保支付相关功能的改版,以及为微信小程序增加微信支付、微信医保...原创 2018-11-16 18:51:11 · 474 阅读 · 0 评论 -
微信小程序:关于下拉刷新PullDownRefresh
最近开发一款微信小程序,里面有用到下拉刷新数据的功能。于是,又开始折腾了…#####一、onPullDownRefresh回调初略看了下文档,发现小程序js中有onPullDownRefresh回调,果断重写之… // http://itlao5.com onPullDownRefresh: function () { console.log('onPullDownRe...原创 2018-11-15 08:59:24 · 349 阅读 · 4 评论 -
微信小程序:如何利用navigateBack退出小程序
在Android开发时,我们可以使用finish()或者结束进程等手段达到退出app的效果,但是,微信小程序则没有提供退出小程序的api,必须用户点击系统返回键或者点击顶部小程序固定的的退出按钮…那么,有什么办法来实现退出小程序的功能呢?虽然微信没有提供退出小程序的api,但是有一个api是wx.navigateBack(),这个可以返回前一个页面或者前n个页面(指定参数delta)那么...原创 2018-11-15 09:00:14 · 786 阅读 · 0 评论 -
微信小程序web-view
基于公司业务需求,在做Android开发的同时,还得同步进行另一个项目的微信小程序开发,没办法,公司调整,节约成本,研发也减少了不少人,只得边学边开发…不过微信11月发布了小程序支持web-view的消息,让本次开发减了不少的工作量,主要是蓝牙设备的数据采集及上传 + web-view于是,就去了解了一下web-view#一、首先,web-view有以下限制:个人开发者无法使用需要配置...原创 2018-11-14 22:37:20 · 550 阅读 · 0 评论