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