小程序
猴子学编程
java、android讲师
展开
-
小程序请求超时
网上搜的全是只要fail,就toast请求超时,这种完全不符合我们的要求。只有确实是超时了,才能toast请求超时。排名前5的文章都是这样,看不下去了,无奈只能自己研究。app.json可以设置超时时间,默认都是60秒"networkTimeout": { "request": 60000, "downloadFile": 60000, "uploadFi...原创 2020-05-07 10:36:36 · 2067 阅读 · 0 评论 -
小程序身份证上传
效果自认很美,js逻辑不难,主要是各种状态的控制,重点在于页面代码。下面是身份证正面的代码,反面代码类似。wxml代码:<view class="row"> <view class="delete {{zhengShow?'show':'hidden'}}" bindtap="deleteZhengTap"> <image src...原创 2020-05-06 11:50:32 · 3717 阅读 · 2 评论 -
小程序省市区选择
小程序有自带省市区选择控件,非常方便,mode="region"即可wxml代码:<picker mode="region" bindchange="bindRegionChange" value="{{region}}" > <view class="choose-item"> <text class="label-txt">...原创 2020-05-06 11:16:29 · 5398 阅读 · 0 评论 -
小程序二维码生成并保存相册
二维码生成并保存到系统相册,直接上代码。wxml代码:<canvas canvas-id='canvas' bindlongtap='save'></canvas>js代码:// pages/admin-qrcode/admin-qrcode.jsvar QRCode = require('../../utils/weapp-qrcode.js')v...原创 2020-04-26 10:09:15 · 721 阅读 · 0 评论 -
小程序动态class
wxml代码:<view class="{{isCountingDown?'val-btn-counting':'val-btn'}}"></view>js代码:data: { isCountingDown: false }isCountingDown为true时,class=val-btn-counting。isCountingDown...原创 2020-04-22 08:54:59 · 441 阅读 · 0 评论 -
小程序textarea在IOS有默认padding
在开发工具和android都正常,在IOS真机上就会有个默认padding,大概10rpx长度。而且这个默认padding根本不知道在哪里设置的,代码看不到。设置为padding:0也不生效,设置为padding:10rpx就生效了。。。也就是padding除了0不生效,其他值都生效,真的很坑。xwxml代码class="{{isIos?'iostextarea':'weui...原创 2020-04-17 14:07:39 · 1873 阅读 · 2 评论 -
小程序Tab选项卡
Tab选项卡 下拉刷新、上拉加载更多 数据空白页面显示 滑动时,当页面无数据时才会触发刷新网上小程序Tab选项卡的文章有很多,可都无法实现加载更多,因为swpier会使其失效。删代码好累,自行看关键代码吧。wxml代码<view class="page"> <!--Tab布局--> <view class='title'>...原创 2020-04-17 12:41:45 · 733 阅读 · 0 评论 -
小程序wxml管道
用过Angular的都知道管道的概念。管道就是数据的转变,例如某个选项的value是A,对应文本显示为车票预订,如何在wxml页面上将A转化为车票预订?一、新建wxs文件function cgAnpai(str) { if(!str||str.length==0){ return ''; } return str.replace('A', '车票预订').repl...原创 2020-04-17 11:50:47 · 1008 阅读 · 0 评论 -
小程序三级页面回到一级页面
A->B->C,C如何回到A?且A作为根页面思路:在C页面监听返回,调用reLaunch回到A。可能不止B能跳转到C,D也可能跳转到C,所以要判断只有B->C,从C返回才执行reLaunch到A。B页面代码: wx.setStorageSync(getApp().globalData.isReLanuch, true);//做标记代表是从B页面过来的 ...原创 2020-04-17 11:36:40 · 472 阅读 · 0 评论 -
小程序不同机型适配
用rpx!!!不管是字体大小、边距、宽高等,单位一定要用rpx,它可以帮助你在不同机型下做到完美适配,用px的话你就等着哭吧。亲测各个机型rpx会完美适配。.val-btn { color: #11a7fe; border-width: 1rpx; border-style: solid; border-color: #11a7fe; font...原创 2020-04-17 11:31:23 · 3715 阅读 · 0 评论 -
小程序全局分享配置
默认当前是哪个页面,分享点进来就是哪个页面,这样有问题,点进来应该进入欢迎页,即等同于重新进入小程序。每个页面的onShareAppMessage可以进行配置,但都是重复代码没必要每个页面都写。在app.js里的onLaunch加入以下代码。wx.onAppRoute(function (res) { //获取加载的页面 let pages = getCurr...原创 2020-04-17 11:28:45 · 1193 阅读 · 0 评论 -
小程序欢迎页
app.json里pages数组下的第一项即是小程序启动的第一个页面。例如:我的欢迎页,在onShow里判断是进入首页还是登录页,wxml放一张图片就行。wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId const path ...原创 2020-04-17 11:26:36 · 1286 阅读 · 0 评论 -
小程序要点归档
刚做完一个完整的企业级小程序项目,将一些要点和坑记录下来,帮助你们少走弯路。1.欢迎页将小程序启动要做的业务放在欢迎页里,不要写在app.js里,app.js里页面跳转偶尔是失效,原因未知。app.json里pages数组下的第一项即是小程序启动的第一个页面。如我的欢迎页,在onShow里判断是进入首页还是登录页,wmxl放一张图片就行。wx.login({ su...原创 2020-04-17 09:39:10 · 228 阅读 · 0 评论