
小程序
web_blog
IT程序员一名
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
StatusCodeError: 400 - “{\“code\“:40000,\“error\“:\“错误 Error: 登录用户不是该小程序的开发者
StatusCodeError: 400 - “{\“code\“:40000,\“error\“:\“错误 Error: 登录用户不是该小程序的开发者原创 2021-11-15 09:06:17 · 429 阅读 · 0 评论 -
移动端H5终端适配方案
1.JS的根据不同屏幕宽度动态设置html的font-size,使用rem布局。a.手淘方案 flexible+rem(参考https://github.com/amfe/article/issues/17)引入flexible.js,不需要在html结构中加入viewport标签。flexible.js会在元素上增加一个data-dpr属性,以及一个font-size样式。JS会根据不同的设备添加不同的data-dpr值,比如说2或者3;同时会给html加上对应的font-size的值,比如说75p原创 2020-07-07 17:44:48 · 837 阅读 · 0 评论 -
微信小程序几种常用弹窗提示
第一种:弹出提示框,可以选择确定或者取消。代码: wx.showModal({ title: '提示',原创 2020-05-29 11:16:40 · 67654 阅读 · 12 评论 -
微信小程序 禁止弹框下面的内容滑动 弹窗禁止底部内容滚动
我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动小程序的弹框特别多,像下面这样,弹框的底部是一个可以下拉的页面,但是当弹框出现的时候,需要禁止底部的滚动,那么怎么做呢?解决方案:给view加上catchtouchmove=‘true’<view catchtouchmove='true' ></view>给catchtouchmove绑定一个空方法。<view catchtouchmove='prevent' ></view>原创 2020-09-03 16:08:43 · 1589 阅读 · 1 评论 -
小程序跳转H5页面
在使用web-view时发现了一个问题总是会过段时间自己跳转到web-view是src地址由于我是写的轮播图中嵌套一个web-view 所以当时我以为是轮播图和这个web-view冲突了其实设计就是如此 自己跳<view class="page-body"> <web-view src="{{url}}"></web-view></view>解决方案:我们在轮播图或者新的按钮 加一个点击事件使其跳转到新的路由页面 在在新的路由页面嵌套一个原创 2020-07-03 15:27:01 · 714 阅读 · 0 评论 -
程序根据手机机型设置自定义底部导航距离
需求:iponeX 以上机型,手机底部有弧度,自己写的导航栏会被遮住, 需要判断手机机型,做兼容设置.解决://app.jsApp({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function() { var that = this; //获取手机型号 wx.getSystemInfo({ success(res) { const model = res.model; const mode原创 2020-06-24 16:21:42 · 369 阅读 · 0 评论 -
微信小程序:生命周期
下面从三个方面来介绍小程序的生命周期:(1)应用生命周期(2)页面生命周期(3)应用及页面生命周期的触发顺序1.应用生命周期App() 必须在 app.js 中调用,必须调用且只能调用一次,app.js中定义了一些应用的生命周期函数(1)onLaunch: 初始化小程序时触发,全局只触发一次(2)onShow: 小程序初始化完成或用户从后台切换到前台显示时触发(3)onHide: 用户从前台切换到后台隐藏时触发(4)onError: 小程序发生脚本错误,或者 api 调用失败时,会触发 o原创 2020-06-24 14:25:18 · 672 阅读 · 0 评论 -
小程序页面跳转的几个方法和区别
目前小程序的几个页面跳转方式的主要区别就两点:1.是否可以返回上一个页面2.目标页面是否是tabBar两个通用属性1.限制:目前页面路径最多只能十层。2.分类:wx.navigateTo 和 wx.redirectTo不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面下面是对几个跳转方式的整理说明1. wx.navigateTo({})保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;关于Url原创 2020-06-24 14:15:58 · 1384 阅读 · 0 评论 -
小程序根据手机机型设置自定义底部导航距离
需求:iponeX 以上机型,手机底部有弧度,自己写的导航栏会被遮住, 需要判断手机机型,做兼容设置.解决://app.jsApp({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function() { var that = this; //获取手机型号 wx.getSystemInfo({ success(res) { const model = res.model; const mode原创 2020-06-24 14:02:07 · 612 阅读 · 0 评论 -
小程序input实现数据双向绑定
小程序input实现数据双向绑定index.wxmlindex.jsindex.wxml<view class="uploader"> <input type="number" style="border: 2rpx solid #666;" bindinput='inputChange' data-name='peopleNumber' placeholder="输入人数" /> <input value="{{peopleNumber}}" style="bor原创 2020-05-26 14:55:48 · 2167 阅读 · 0 评论