tabar标签和标题的设置,去下载小图标,进行添加。代码如下:
"tabBar": {
"color": "black",
"selectedColor": "blue",
"borderStyle": "black",
"backgroundColor": "yellow",
"list": [
{
"pagePath": "pages/movie/movie",
"text": "影院热映",
"iconPath": "assets/img/001.png",
"selectedIconPath": "assets/img/001_1.png"
},
{
"pagePath": "pages/recommend/recommend",
"text": "电影推荐",
"iconPath": "assets/img/002.png",
"selectedIconPath": "assets/img/002_2.png"
},
{
"pagePath": "pages/search/search",
"text": "查询电影",
"iconPath": "assets/img/003.png",
"selectedIconPath": "assets/img/003_3.png"
}
]
},
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#FFFF00",
"navigationBarTitleText": "电影爱豆",
"navigationBarTextStyle":"black"
}
}
问题1:豆瓣API数据导不进去。
解决办法:首先,设置一下后台的request的合法域名,添加api.douban.com和t.yushu.im,将“http://api.douban.com//v2/movie/in_theaters” 改成’http://t.yushu.im//v2/movie/in_theaters‘,后面的地方同理。
小技巧:获取API时,进入页面是一堆代码,通过控制台,代码如下:
var a=全部代码 回车 a 再回车
这样就可以看到具体的信息了。
初学者的无知:页面跳转。
方法:
js:
detail: function (e) {
wx.navigateTo({
url: '../detail/detail',
})
}
wxml:
<view class='movie'bindtap='detail'id="{{item.id}}">/*数据绑定*/
本来是不需要数据绑定的,但是这个detail是自己写的一个函数。
这中间涉及到许多重载封装,初学者不必纠结,先用自己最习惯的方法来写,后面再慢慢学会优化。
轮播图代码:
`wxml: