//index.js
//获取应用实例
const app = getApp()
Page({
data: {
navData:[
{
text: '推荐'
},
{
text: '视频'
},
{
text: '热点'
},
{
text: '本地'
},
{
text: '社会'
},
{
text: '娱乐'
},
{
text: '科技'
},
{
text: '汽车'
},
{
text: '体育'
},
{
text: '财经'
},
{
text: '军事'
},
{
text: '国际'
},
{
text: '时尚'
},
{
text: '游戏'
},
{
text: '美文'
}
],
// 窗口的宽度、高度值
winWidth: 0,
winHeight: 0,
currentTab: 0,
navScrollLeft: 0
},
// 打开 Search 搜索页面
showSearch: function () {
wx.navigateTo({
url: '../search/search',
})
},
// 打开 Menu 导航菜单选择页面
showMenu: function () {
wx.navigateTo({
url: '../menu/menu',
})
},
// 打开 My 个人中心页面
showMy: function () {
wx.navigateTo({
url: '../my/my',
})
},
// 事件处理函数
onLoad: function () {
var that = this;
// 窗口高度自适应
wx.getSystemInfo({
success: function (res) {
that.setData({
winWidth: res.windowWidth,
winHeight: res.windowHeight
});
}
});
if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
} else if (this.data.canIUse) {
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
app.userInfoReadyCallback = res => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
} else {
// 在没有 open-type=getUserInfo 版本的兼容处理
wx.getUserInfo({
success: res => {
app.globalData.userInfo = res.userInfo
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
})
}
wx.getSystemInfo({
success: (res) => {
this.setData({
pixelRatio: res.pixelRatio,
windowHeight: res.windowHeight,
windowWidth: res.windowWidth
})
}
})
},
switchNav(event){
var cur = event.currentTarget.dataset.current;
//每个tab选项宽度占1/5
var singleNavWidth = this.data.windowWidth / 5;
//tab选项居中
this.setData({
navScrollLeft: (cur - 2) * singleNavWidth
})
if (this.data.currentTab == cur) {
return false;
} else {
this.setData({
currentTab: cur,
})
}
},
switchTab(event){
var cur = event.detail.current;
var singleNavWidth = this.data.windowWidth / 5;
this.setData({
currentTab: cur,
navScrollLeft: (cur - 2) * singleNavWidth,
});
},
// 滑动页面时绑定 tab 菜单同时滑动
bindChange: function (e) {
var that = this;
that.setData({
currentTab: e.detail.current
});
}
})
jin_ri_tou_tiao_weixin.rar （40个子文件） 
jin_ri_tou_tiao_weixin images 
menu_more_black.png 3KB search-pic.png 2KB menu_more_red.png 1KB icon-address.png 10KB arrow-right.png 2KB nav cart-off.png 1KB my-off.png 15KB home-on.png 1KB home-off.png 1KB order-off.png 961B my-on.png 15KB order-on.png 962B cart-on.png 1KB arrow-left.png 2KB ico-addr.png 3KB
loading.gif 82KB
app.json 626B pages news news.wxss 0B news.js 0B news.wxml 0B index index.js 4KB index.wxss 1KB index.wxml 2KB menu menu.wxss 0B menu.wxml 0B menu.js 0B search search.wxss 1KB search.js 335B search.wxml 585B logs logs.js 261B logs.json 52B logs.wxml 173B logs.wxss 106B my my.js 0B my.wxml 662B my.wxss 889B app.wxss 194B app.js 1KB project.config.json 555B utils util.js 472B资源评论
