随笔分类 -  小程序

小程序兼容苹果11,12,X底部小黑条处理
摘要:小程序在iphoneX下,底部固定定位的块会被苹果手机的小黑条挡住,其实影响也不大,但是设计过不去,改 公用方法 export const isDiffDeviceModel = async () => { let sysInfo = await wx.getSystemInfoSync(); co 阅读全文
posted @ 2021-04-22 16:15 执候 阅读(818) 评论(0) 推荐(0)
小程序自定义头部navbar组件
摘要:首先先编写导航栏组件 1你要自定义导航栏首先你要知道导航栏的高度,导航栏由状态栏和胶囊按钮构成通过Object wx.getMenuButtonBoundingClientRect()可以拿到胶囊按钮的信息,通过wx.getSystemInfo可以拿导航栏信息 整个导航栏高度 = statusBar 阅读全文
posted @ 2020-11-29 17:45 执候 阅读(1438) 评论(0) 推荐(0)
微信小程序登录流程
摘要:小程序登录流程 参考 app.js需要做的 1,首先通过wx.login()拿到code,成功之后,发送数据,请求接口,把code发送给后端,换区openid,sessionKey,unionId,把openid存起来 2,接下来获取用户信息 wx.getSetting() 授权,如果授权成功了,直 阅读全文
posted @ 2019-04-09 23:49 执候 阅读(659) 评论(0) 推荐(0)
小程序解析html(使用wxParse)
摘要:正好遇到一个数据里面是html格式的数据,小程序不支持,网上找到这个做下记录,下面是我下好的wxParse文件目录 我的文件夹放的和pages同级 1.首先引入样式@import "/wxParse/wxParse.wxss"; 2.在需要加载html内容的页面对应的js文件里引入wxParse v 阅读全文
posted @ 2019-03-05 22:19 执候 阅读(2131) 评论(0) 推荐(0)
小程序封装
该文被密码保护。
posted @ 2019-01-15 22:46 执候 阅读(7) 评论(0) 推荐(0)
小程序模块化
摘要:官网理论 模块化 可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。 exports 是 module.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误。所以 阅读全文
posted @ 2019-01-01 09:33 执候 阅读(758) 评论(0) 推荐(0)
小程序开发提升加一个返回封装
摘要:1.微信小程序API之图片选择与调用微信拍照 wx.chooseImage选择图片(以下为主体代码) <view bindtap="bindViewTap" class="userinfo"> <image class="userinfo-avatar" src="{{avatarUrl}}" ba 阅读全文
posted @ 2017-11-08 17:45 执候 阅读(211) 评论(0) 推荐(0)
小程序接触后爬坑
摘要:1.微信小程序单位 rpx单位是微信小程序的css尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。如iPhone6上屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 微信小程序也支持re 阅读全文
posted @ 2017-11-07 10:00 执候 阅读(261) 评论(0) 推荐(0)
小程序初接触3
摘要:微信小程序配置详情 app页面配置 app窗口配置 app的tabBar配置 网络超时配置及debug开启配置 app.json(真实的项目中这个文件是不能出现注释的,否则会报错) { //创建页面 "pages":[ "pages/index/index", "pages/logs/logs" ] 阅读全文
posted @ 2017-11-06 15:50 执候 阅读(144) 评论(0) 推荐(0)
小程序初接触2
摘要:项目目录 .app.json配置页面(有几个页面配几个),一些公用(如导航栏) .json文件配置例如 app.js文件中 页面数据 1.组件使用 2.数据绑定 3.渲染标签 .js文件 4.模板使用 单个模板单个模块 <include src="../template/header" /> hea 阅读全文
posted @ 2017-11-06 11:00 执候 阅读(164) 评论(0) 推荐(0)
小程序初接触
摘要:1.获取微信小程序的AppID 登录 https://mp.weixin.qq.com ,可以在网站的 “设置”-“开发者设置”中,查看微信小程序的AppID了,注意不可直接使用服务号或者订阅号的AppID 2.创建项目 我们需要通过开发者工具,来完成小程序的创建和代码编辑 开发者工具安装完成后,打 阅读全文
posted @ 2017-11-03 14:32 执候 阅读(268) 评论(0) 推荐(0)