图解微信小程序---实现页面的跳转与返回操作

图解微信小程序---实现页面的跳转与返回操作

代码笔记

操作步骤

第一步:在app.json配置文件中,创建跳转页面

第二步编写首页跳转注意跳转方式,和设置点击样式类名

图解微信小程序---实现页面的跳转与返回操作_第1张图片

第三步编写首页样式

图解微信小程序---实现页面的跳转与返回操作_第2张图片

第四步编写nv页面

图解微信小程序---实现页面的跳转与返回操作_第3张图片

第五步:编写nv页面样式

图解微信小程序---实现页面的跳转与返回操作_第4张图片

第六步因为首页挑战使用了的占位符进行传参所以编写js获取参数

图解微信小程序---实现页面的跳转与返回操作_第5张图片

第七步编写re页面需要设置返回跳转,因为跳转过来时,设置了open-type属性值为redirect

第八步编写re页面样式

第九步因为首页跳转过来了也传递了参数所以编写js获取参数

图解微信小程序---实现页面的跳转与返回操作_第6张图片

 优化

第一步把我们跳转navigator放在view解决点击跳转没有样式变化的问题

图解微信小程序---实现页面的跳转与返回操作_第7张图片

第二步增加样式美化跳转触发

图解微信小程序---实现页面的跳转与返回操作_第8张图片

 

你可能感兴趣的:(图解微信小程序---实现页面的跳转与返回操作)