5.4 教案-导航组件.docx
《5.4 教案-导航组件.docx》由会员分享,可在线阅读,更多相关《5.4 教案-导航组件.docx(3页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、5.4 教案-导航组件YOUR LOGO原 创 文 档 请 勿 盗 版第5章 小程序组件任务5.4 导航组件课时内容导航组件课时4教学目标了解什么是导航组件及其作用;掌握导航组件的属性与应用方法。教学重难点掌握导航组件的属性与应用方法。教学设计1.教学思路:介绍什么是导航组件及其作用,通过多媒体演示和实机操作讲解微信小程序了解什么是导航组件及其作用;掌握导航组件的属性与应用方法。;通过小程序实战巩固基础知识。2.教学手段:多媒体+计算机3.教学资料:教材、多媒体课件教学内容一、任务描述微信小程序可以在页面中设置导航,可以使用navigator页面链接组件,也可以在js文件里设置导航进行页面跳转
2、,同时可以设置导航条标题和显示动画效果。本任务要求使用导航组件navigator,在navigator.wxml初始页面使用两个组件分别用于打开new.wxml和redirect.wxml。本节的学习目标:(1) 了解什么是导航组件及其作用;(2) 掌握导航组件的属性与应用方法。二、导入新知1.导航组件导航组件用于点击跳转页面链接。2. 导航组件的属性包括Navigate、redirect、switchTab、reLaunch、navigateBack的属性。三、 实现效果使用导航组件navigator,在navigator.wxml初始页面使用两个组件分别用于打开new.wxml和redirect.wxml。四、 任务实现略,详见教材代码。练习
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 5.4 教案-导航组件 教案 导航 组件
限制150内