《微信小程序開發(fā)》第7章教案

1、第7章 1教學環(huán)節(jié)課前 U 組織 課程說明課程內容描述2 3為 window: backgroundTextStyle:light,navigationBarBackgroundColor: #FFBA1E,審viewclass=flag=0?select:normal id=0 bindtap=switchNavviewclass=flag=1?select:normal id=1 bindtap=switchNavviewclass=flag=2?select:normal id=2 bindtap=switchNavviewclass=flag=3?select:normal id=3

2、bindtap=switchNavviewclass=flag=4?select:normal id=4 bindtap=switchNavviewclass=flag=5?select:normal id=5 bindtap=switchNavviewclass=flag=6?select:normal id=6 bindtap=switchNav4審+.bgbackground-color: #FFBA1E;height:50px;color: flex;flex-direction: row; align-items:center;.navwidth: 70%; height:40px;

3、.oprwidth: 20px; height: 20px;border-radius:50%;font-size:13px; line-height: 20px; text-align:center; color: #FFBA1E;background-color: bold;width: 20%; height: 50px;line-height: 50px; text-align:right; margin-right:10px; font-size: 50px;line-height: 40px; padding-left:10px; padding-right: 10px;font-

4、size: 14px;.select5 Page(data:currentTab:0, flag:0)和currentTab:0,flag:0,switchNav:function(e)var page = this; var id =e.target.id;console.log(e);elsepage.setData(currentTab:id);page.setData(flag:id);)viewclass=flag=1?select:normal id=1 bindtap=switchNavviewclass=flag=2?select:normal id=2 bindtap=swi

5、tchNavviewclass=flag=3?select:normal id=3 bindtap=switchNavviewclass=flag=4?select:normal id=4 bindtap=switchNavviewclass=flag=5?select:normal id=5 bindtap=switchNavviewclass=flag=6?select:normal id=6 bindtap=switchNav 審6 我是視頻內容 我是趣聞內容文viewclass=flag=0?select:normal id=0 bindtap=switchNav7viewclass=

6、flag=1?select:normal id=1 bindtap=switchNavviewclass=flag=2?select:normal id=2 bindtap=switchNavviewclass=flag=3?select:normal id=3 bindtap=switchNavviewclass=flag=4?select:normal id=4 bindtap=switchNavviewclass=flag=5?select:normal id=5 bindtap=switchNavviewclass=flag=6?select:normal id=6 bindtap=s

7、witchNav 審+ 我是視頻內容 我是糗聞內容 我是純文內容 我是純圖內容 我是精華內容 我是趣聞內容東臨天下 熱門.bgbackground-color: #FFBA1E; height: 50px;color: #ffffff; display: flex;flex-direction: row; align-items: center;.navwidth: 70%; height: 40px;.oprwidth: 20px; height: 20px; border-radius:50%; font-size: 13px; line-height: 20px; text-align:

8、 center; color: #FFBA1E;8.addwidth: 20%; height: 50px;line-height: 50px; text-align: right; margin-right:10px; font-size: 50px;.scroll-view_H margin-left: 10px; height: 40px; display: flex;flex-direction: row;.normal width: 40px;height: 40px;line-height: 40px; padding-left:10px; padding-right: 10px;

9、 font-size: 14px;.selectwidth: 40px; height: 40px;line-height: 40px; padding-left:20px; padding-right: 20px; font-size: 14px;font-weight: bold;.lineheight: 10px;background-color: #F2F2F2;.itemmargin: 10px;.headdisplay: flex;flex-direction: row; height:77px;width: 60%; margin-left:10px; font-weight:

10、bold;.hot9東臨天下 熱門昨天下班坐公交車回家，白天上班坐著坐多了想站一會兒，就把座位讓給了一個阿姨，阿姨道謝一番開始和我聊天，聊了挺多的。后來我要下車了，阿姨熱情地和我道別。下車的一瞬間我回頭看了一眼，只見那阿姨對著手機說：兒子，剛才遇見一個姑娘特不錯，可惜長得不好看，不然我肯定幫你要號碼！好笑 9362 評論 320 分享 136.bgbackground-color: #FFBA1E; height: 50px;color: #ffffff; display: flex;flex-direction: row; align-items: center;.navwidth: 70%

11、; height: 40px;.oprwidth: 20px; height: 20px; border-radius:50%; font-size: 13px; line-height: 20px; text-align: center; color: #FFBA1E;background-color: #ffffff; font-weight: bold;margin-left: 10px;.addwidth: 20%; height: 50px;line-height: 50px; text-align: right; margin-right:10px; font-size: 50px

12、;.scroll-view_H margin-left: 10px; height: 40px; display: flex;flex-direction: row;.normal width: 40px;height: 40px;line-height: 40px; padding-left:10px; padding-right: 10px; font-size: 14px;.selectwidth: 40px; height: 40px;line-height: 40px; padding-left:20px; padding-right: 20px;font-size: 14px; f

13、ont-weight: bold;.line10height: 10px;background-color: #F2F2F2;.itemmargin: 10px;.head.titlewidth: 60%; margin-left:10px;font-weight: bold;.hotwidth: 30%;.content padding: 10px;line-height: 25px;.sta東臨天下 熱門那阿姨對著手機說：兒子，剛才遇見一個姑娘特不錯，可惜長得不好看，不然我肯定幫你要號碼！好笑9362 評論320 分享 136style=width:23px;height:23px;sty

14、le=width:23px;height:23px;50px;color: flex;flex-direction: row; align-items:center;11.navwidth: 70%; height:40px;.oprwidth: 20px; height: 20px;border-radius:50%;font-size:13px; line-height: 20px; text-align:center; color: #FFBA1E;background-color: bold;margin-left:10px;line-height: 50px; text-align:

15、right; margin-right:10px; font-size: 50px;.title.sta.icon.icon view margin: 0 auto;width: 25%;.last12viewclass=flag=0?select:normal viewclass=flag=1?select:normal id=1 bindtap=switchNavviewclass=flag=2?select:normal id=2 bindtap=switchNavviewclass=flag=3?select:normal id=3 bindtap=switchNavviewclass=flag=4?select:normal id=4 bindtap=switchNavviewclass=flag=5?select:normal id=5 bindtap=switchNavviewclass=flag=6?select:normal id=6 bind