豆瓣电影小程序服务器,微信小程序实战：仿豆瓣电影

设计一款豆瓣电影微信小程序，可以用它查看上映的电影以及电影详情等内容。

image.png

1.电影顶部页签切换效果

在电影界面有3页页签：上映、影院、我看。页签的切换回带动相应的内容进行切换显示；采用顶部页签切换的方式，来完成各个页面的显示。

(1)添加一个项目，进入到app.json文件中，添加"pages/movie/movie","pages/movieDetail/movieDetail"2个文件路径，删除默认创建的index、logs文件路径，将窗口导航栏背景色设置为黑色(#1A1A1A)，导航标题为豆瓣电影，文字颜色设置为白色(white)。

{

"pages": [

"pages/movie/movie",

"pages/movieDetail/movieDetail"

],

"window": {

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#1A1A1A",

"navigationBarTitleText": "豆瓣电影",

"navigationBarTextStyle": "white"

}

}

(2)在movi