资讯专栏INFORMATION COLUMN

微信小程序

yagami / 611人阅读

摘要:事件与自定义属性页面跳转参数传递与接收页面跳转的五种方式页面间参数传递与接收方法带参数发送方发送参数,带参数模式发送评接收方接收参数,通过生命周期函数中的参数获取参数页面间参数传递与接收方法全局参数发送方接收方页面间参数

事件与自定义属性 页面跳转、参数传递与接收

页面跳转的五种方式

1、wx.navigateTo(obj)
2、wx.redirectTo(obj)
3、wx.switchTab(obj)
4、wx.navigateBack(obj)
5、wx.reLaunch(obj)

页面间参数传递与接收----方法1:url带参数

//发送方:发送参数,url带参数模式发送
 评19
//接收方:接收参数,通过onLoad生命周期函数中的option参数获取参数
Page({ 
    onLoad: function(options) { 
        var duanziId = options.id 
    }
}) 

页面间参数传递与接收----方法2:全局参数

//发送方
var appInstance = getApp();
apppInstance.pageParams.xxx = val;
//接收方
apppInstance.pageParams.xxx;

页面间参数传递与接收----方法3:缓存

自适应与新单位 新布局:弹性盒模型

下列是微信小程序中组件的类型

inline: 

什么是弹性盒模型?
Flex 布局语法教程

容器属性(display:flex)

flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content

容器内元素属性

order
flex-grow
flex-shrink
flex-basis
flex
align-self
Template模板引擎

模板定义

模板使用

1、导入模板wxml文件:
2、导入模板wxss文件:@import "../../template/movie-list/movie-list-tpl.wxss";
3、使用模板: