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

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

代码笔记

操作步骤

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

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

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

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

第三步编写首页样式

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

第四步编写nv页面

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

第五步:编写nv页面样式

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

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

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

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

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

第八步编写re页面样式

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

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

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

 优化

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

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

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

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

 

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

上一篇:图解微信小程序---轮播图


下一篇:爬虫技术:从sougou网站访问微信公众号的过程