├── pages ├── game │ ├── game.json │ ├── game.wxss │ ├── game.wxml │ └── game.js ├── hot │ ├── hot.json │ ├── hot.wxml │ ├── hot.js │ └── hot.wxss ├── user │ ├── user.json │ ├── user.wxml │ ├── user.wxss │ └── user.js ├── order │ ├── order.json │ ├── order.wxss │ ├── order.js │ └── order.wxml ├── calendar │ ├── calendar.json │ ├── calendar.wxml │ ├── calendar.wxss │ └── calendar.js ├── wcMatches │ ├── wcMatches.json │ ├── wcMatches.js │ ├── wcMatches.wxss │ └── wcMatches.wxml ├── cbaMatches │ ├── cbaMatches.json │ ├── cbaMatches.wxss │ ├── cbaMatches.wxml │ └── cbaMatches.js ├── matchDetail │ ├── matchDetail.json │ ├── matchDetail.js │ ├── matchDetail.wxml │ └── matchDetail.wxss ├── matchesNoBar │ ├── matchesNoBar.json │ ├── matchesNoBar.wxss │ ├── matchesNoBar.wxml │ └── matchesNoBar.js ├── nbaMatches │ ├── nbaMatches.json │ ├── nbaMatches.js │ ├── nbaMatches.wxss │ └── nbaMatches.wxml ├── articleDetail │ ├── articleDetail.json │ ├── articleDetail.js │ ├── articleDetail.wxml │ └── articleDetail.wxss └── index │ ├── index.js │ ├── index.wxml │ └── index.wxss ├── README.md ├── images ├── CBA.png ├── NBA.png ├── NFL.png ├── NHL.png ├── NCAA.png ├── aochao.png ├── cfacup.png ├── dejia.png ├── echao.png ├── fajia.png ├── hejia.png ├── order.png ├── ouguan.png ├── pLive.png ├── puchao.png ├── suchao.png ├── tuchao.png ├── vLive.png ├── wc │ ├── pre.png │ ├── next.png │ ├── top-bg.png │ ├── knockoutPic.jpg │ ├── links_goals.png │ ├── links_matches.png │ ├── links_table.png │ ├── links_video.png │ └── links_headline.png ├── xijia.png ├── yaguan.png ├── yijia.png ├── zonghe.png ├── bbother.png ├── esports.png ├── ftother.png ├── hot_icon.png ├── yingchao.png ├── 143646851.png ├── 147359734.png ├── game_icon.png ├── game_icon_n.png ├── hot_icon_n.png ├── oulianbei.png ├── shijiebei.png ├── user_icon.png ├── user_icon_n.png ├── zhongchao.png ├── football_icon.png ├── avatar-default.png ├── clock_active@3x.png ├── clock_cancel@3x.png └── football_icon_n.png ├── app.wxss ├── utils ├── util.js ├── gameList.js ├── wcScoreList.js ├── wcMatchesList.js ├── nbaTeamRank.js ├── articleList.js ├── dayList.js └── nbaPlayerRank.js ├── project.config.json ├── app.js ├── .gitignore ├── app.json └── weui.wxss /pages/game/game.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/hot/hot.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/user/user.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/order/order.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/calendar/calendar.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/wcMatches/wcMatches.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/cbaMatches/cbaMatches.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/matchDetail/matchDetail.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/matchesNoBar/matchesNoBar.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/nbaMatches/nbaMatches.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # tencent_sports 2 | 仿腾讯体育小程序 3 | -------------------------------------------------------------------------------- /pages/articleDetail/articleDetail.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/cbaMatches/cbaMatches.wxss: -------------------------------------------------------------------------------- 1 | /* pages/cbaMatches/cbaMatches.wxss */ -------------------------------------------------------------------------------- /pages/matchesNoBar/matchesNoBar.wxss: -------------------------------------------------------------------------------- 1 | /* pages/matchesNoBar/matchesNoBar.wxss */ -------------------------------------------------------------------------------- /images/CBA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/CBA.png -------------------------------------------------------------------------------- /images/NBA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/NBA.png -------------------------------------------------------------------------------- /images/NFL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/NFL.png -------------------------------------------------------------------------------- /images/NHL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/NHL.png -------------------------------------------------------------------------------- /images/NCAA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/NCAA.png -------------------------------------------------------------------------------- /images/aochao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/aochao.png -------------------------------------------------------------------------------- /images/cfacup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/cfacup.png -------------------------------------------------------------------------------- /images/dejia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/dejia.png -------------------------------------------------------------------------------- /images/echao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/echao.png -------------------------------------------------------------------------------- /images/fajia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/fajia.png -------------------------------------------------------------------------------- /images/hejia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/hejia.png -------------------------------------------------------------------------------- /images/order.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/order.png -------------------------------------------------------------------------------- /images/ouguan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/ouguan.png -------------------------------------------------------------------------------- /images/pLive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/pLive.png -------------------------------------------------------------------------------- /images/puchao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/puchao.png -------------------------------------------------------------------------------- /images/suchao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/suchao.png -------------------------------------------------------------------------------- /images/tuchao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/tuchao.png -------------------------------------------------------------------------------- /images/vLive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/vLive.png -------------------------------------------------------------------------------- /images/wc/pre.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/pre.png -------------------------------------------------------------------------------- /images/xijia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/xijia.png -------------------------------------------------------------------------------- /images/yaguan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/yaguan.png -------------------------------------------------------------------------------- /images/yijia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/yijia.png -------------------------------------------------------------------------------- /images/zonghe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/zonghe.png -------------------------------------------------------------------------------- /images/bbother.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/bbother.png -------------------------------------------------------------------------------- /images/esports.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/esports.png -------------------------------------------------------------------------------- /images/ftother.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/ftother.png -------------------------------------------------------------------------------- /images/hot_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/hot_icon.png -------------------------------------------------------------------------------- /images/wc/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/next.png -------------------------------------------------------------------------------- /images/yingchao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/yingchao.png -------------------------------------------------------------------------------- /images/143646851.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/143646851.png -------------------------------------------------------------------------------- /images/147359734.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/147359734.png -------------------------------------------------------------------------------- /images/game_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/game_icon.png -------------------------------------------------------------------------------- /images/game_icon_n.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/game_icon_n.png -------------------------------------------------------------------------------- /images/hot_icon_n.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/hot_icon_n.png -------------------------------------------------------------------------------- /images/oulianbei.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/oulianbei.png -------------------------------------------------------------------------------- /images/shijiebei.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/shijiebei.png -------------------------------------------------------------------------------- /images/user_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/user_icon.png -------------------------------------------------------------------------------- /images/user_icon_n.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/user_icon_n.png -------------------------------------------------------------------------------- /images/wc/top-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/top-bg.png -------------------------------------------------------------------------------- /images/zhongchao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/zhongchao.png -------------------------------------------------------------------------------- /images/football_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/football_icon.png -------------------------------------------------------------------------------- /images/avatar-default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/avatar-default.png -------------------------------------------------------------------------------- /images/clock_active@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/clock_active@3x.png -------------------------------------------------------------------------------- /images/clock_cancel@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/clock_cancel@3x.png -------------------------------------------------------------------------------- /images/football_icon_n.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/football_icon_n.png -------------------------------------------------------------------------------- /images/wc/knockoutPic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/knockoutPic.jpg -------------------------------------------------------------------------------- /images/wc/links_goals.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/links_goals.png -------------------------------------------------------------------------------- /images/wc/links_matches.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/links_matches.png -------------------------------------------------------------------------------- /images/wc/links_table.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/links_table.png -------------------------------------------------------------------------------- /images/wc/links_video.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/links_video.png -------------------------------------------------------------------------------- /images/wc/links_headline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JiaqiChen2776/tencent_sports/HEAD/images/wc/links_headline.png -------------------------------------------------------------------------------- /pages/cbaMatches/cbaMatches.wxml: -------------------------------------------------------------------------------- 1 | 2 | pages/cbaMatches/cbaMatches.wxml 3 | -------------------------------------------------------------------------------- /pages/matchesNoBar/matchesNoBar.wxml: -------------------------------------------------------------------------------- 1 | 2 | pages/matchesNoBar/matchesNoBar.wxml 3 | -------------------------------------------------------------------------------- /app.wxss: -------------------------------------------------------------------------------- 1 | /**app.wxss**/ 2 | @import "./weui.wxss"; 3 | 4 | .page { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | } 9 | -------------------------------------------------------------------------------- /utils/util.js: -------------------------------------------------------------------------------- 1 | const formatTime = date => { 2 | const year = date.getFullYear() 3 | const month = date.getMonth() + 1 4 | const day = date.getDate() 5 | const hour = date.getHours() 6 | const minute = date.getMinutes() 7 | const second = date.getSeconds() 8 | 9 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') 10 | } 11 | 12 | const formatNumber = n => { 13 | n = n.toString() 14 | return n[1] ? n : '0' + n 15 | } 16 | 17 | module.exports = { 18 | formatTime: formatTime 19 | } 20 | -------------------------------------------------------------------------------- /project.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "项目配置文件。", 3 | "packOptions": { 4 | "ignore": [] 5 | }, 6 | "setting": { 7 | "urlCheck": false, 8 | "es6": true, 9 | "postcss": false, 10 | "minified": false, 11 | "newFeature": true 12 | }, 13 | "compileType": "miniprogram", 14 | "libVersion": "1.9.98", 15 | "appid": "wx11b2b3ce02fe29b4", 16 | "projectname": "github_TS", 17 | "isGameTourist": false, 18 | "condition": { 19 | "search": { 20 | "current": -1, 21 | "list": [] 22 | }, 23 | "conversation": { 24 | "current": -1, 25 | "list": [] 26 | }, 27 | "game": { 28 | "currentL": -1, 29 | "list": [] 30 | }, 31 | "miniprogram": { 32 | "current": -1, 33 | "list": [] 34 | } 35 | } 36 | } -------------------------------------------------------------------------------- /pages/cbaMatches/cbaMatches.js: -------------------------------------------------------------------------------- 1 | // pages/cbaMatches/cbaMatches.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/matchesNoBar/matchesNoBar.js: -------------------------------------------------------------------------------- 1 | // pages/matchesNoBar/matchesNoBar.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | import articleList from './utils/articleList.js'; 3 | import dayList from './utils/dayList.js'; 4 | import nbaTeamRank from './utils/nbaTeamRank.js'; 5 | import nbaPlayerRank from './utils/nbaPlayerRank.js'; 6 | import gameList from './utils/gameList.js'; 7 | import wcMatchesList from './utils/wcMatchesList.js'; 8 | import wcScoreList from './utils/wcScoreList.js'; 9 | App({ 10 | onLaunch: function () { 11 | Object.assign(this.globalData,articleList); 12 | Object.assign(this.globalData,dayList); 13 | Object.assign(this.globalData,nbaTeamRank); 14 | Object.assign(this.globalData,nbaPlayerRank); 15 | Object.assign(this.globalData,gameList); 16 | Object.assign(this.globalData,wcMatchesList); 17 | Object.assign(this.globalData,wcScoreList); 18 | wx.getStorage({ 19 | key: 'user-info', 20 | success:(res) => { 21 | // success 22 | console.log(res); 23 | this.globalData.userInfo =res.data; 24 | } 25 | }) 26 | }, 27 | globalData: { 28 | userInfo: null 29 | } 30 | }) -------------------------------------------------------------------------------- /pages/user/user.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | {{userInfo.nickName}} 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 我的预约 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (https://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # TypeScript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | # next.js build output 61 | .next 62 | -------------------------------------------------------------------------------- /pages/articleDetail/articleDetail.js: -------------------------------------------------------------------------------- 1 | // pages/articleDetail/articleDetail.js 2 | const app = getApp() 3 | Page({ 4 | 5 | data: { 6 | article: null 7 | }, 8 | 9 | onLoad: function (options) { 10 | const id = options.id; 11 | // console.log(id); 12 | const article = app.globalData.articleList.filter((item) => { 13 | return item.id == id 14 | }) 15 | console.log(article); 16 | this.setData({ 17 | article: article[0] 18 | }) 19 | }, 20 | 21 | /** 22 | * 生命周期函数--监听页面初次渲染完成 23 | */ 24 | onReady: function () { 25 | 26 | }, 27 | 28 | /** 29 | * 生命周期函数--监听页面显示 30 | */ 31 | onShow: function () { 32 | 33 | }, 34 | 35 | /** 36 | * 生命周期函数--监听页面隐藏 37 | */ 38 | onHide: function () { 39 | 40 | }, 41 | 42 | /** 43 | * 生命周期函数--监听页面卸载 44 | */ 45 | onUnload: function () { 46 | 47 | }, 48 | 49 | /** 50 | * 页面相关事件处理函数--监听用户下拉动作 51 | */ 52 | onPullDownRefresh: function () { 53 | 54 | }, 55 | 56 | /** 57 | * 页面上拉触底事件的处理函数 58 | */ 59 | onReachBottom: function () { 60 | 61 | }, 62 | 63 | /** 64 | * 用户点击右上角分享 65 | */ 66 | onShareAppMessage: function () { 67 | 68 | } 69 | }) -------------------------------------------------------------------------------- /pages/index/index.js: -------------------------------------------------------------------------------- 1 | //index.js 2 | //获取应用实例 3 | const app = getApp() 4 | 5 | Page({ 6 | data: { 7 | days:0, 8 | gameList: [], 9 | iconList: [ 10 | { 11 | id: '0', 12 | linksPic: '../../images/wc/links_matches.png', 13 | linksText: '赛程' 14 | }, 15 | { 16 | id: '3', 17 | linksPic: '../../images/wc/links_goals.png', 18 | linksText: '射手榜' 19 | }, 20 | { 21 | id: '1', 22 | linksPic: '../../images/wc/links_table.png', 23 | linksText: '积分榜' 24 | }, 25 | { 26 | id: '', 27 | linksPic: '../../images/wc/links_video.png', 28 | linksText: '视频' 29 | } 30 | ], 31 | articleList: null 32 | }, 33 | //事件处理函数 34 | onLoad: function (options) { 35 | var s1 = '2018-6-14'; 36 | s1 = new Date(s1.replace(/-/g, "/")); 37 | var s2 = new Date(); 38 | var days = s2.getTime() -s1.getTime(); 39 | var time = parseInt(days / (1000*60*60*24)); 40 | console.log(time+1); 41 | this.setData({ 42 | days: time+1, 43 | articleList: app.globalData.articleList, 44 | gameList: app.globalData.gameList 45 | }) 46 | console.log(this.data.gameList); 47 | } 48 | }) 49 | -------------------------------------------------------------------------------- /pages/user/user.wxss: -------------------------------------------------------------------------------- 1 | /* pages/user/user.wxss */ 2 | page { 3 | background-color: #f3f3f7; 4 | } 5 | 6 | .header { 7 | width: 100%; 8 | height: 244rpx; 9 | display: flex; 10 | align-items: center; 11 | /* background-color: red; */ 12 | background-color: #0061b8; 13 | } 14 | 15 | .header .userinfo { 16 | display: flex; 17 | align-items: center; 18 | } 19 | 20 | 21 | .header .userinfo button { 22 | font-size: 32rpx; 23 | color: #fff; 24 | background-color: #0061b8; 25 | border: 1px solid #fff; 26 | } 27 | 28 | .header .userinfo-avatar { 29 | width: 130rpx; 30 | height: 130rpx; 31 | border-radius: 50%; 32 | margin-left: 40rpx; 33 | margin-right: 34rpx; 34 | } 35 | 36 | .header .userinfo-nickname { 37 | display: inline-block; 38 | font-size: 36rpx; 39 | color: #fff; 40 | vertical-align: middle; 41 | } 42 | 43 | .weui-cells { 44 | margin-top: 20rpx; 45 | } 46 | 47 | .weui-cell { 48 | height: 80rpx; 49 | border: 1px solid #fff; 50 | } 51 | 52 | .weui-cell__hd image { 53 | width: 44rpx; 54 | height: 44rpx; 55 | margin-right: 16px; 56 | margin-left: 5px; 57 | vertical-align: middle; 58 | } 59 | 60 | .weui-cell__bd { 61 | font-size: 32rpx; 62 | } -------------------------------------------------------------------------------- /pages/game/game.wxss: -------------------------------------------------------------------------------- 1 | /* pages/game/game.wxss */ 2 | 3 | .container { 4 | width: 100%; 5 | height: 100% ; 6 | margin: 0; 7 | padding: 0; 8 | box-sizing: border-box; 9 | display: flex; 10 | flex-direction: column; 11 | align-items: center; 12 | background-color: #f3f3f7; 13 | } 14 | 15 | .gameSort { 16 | display: block; 17 | width: 100%; 18 | margin-bottom: 20rpx; 19 | background-color: #fff; 20 | } 21 | 22 | .gameSort:nth-child(3) { 23 | margin-bottom: 0; 24 | } 25 | 26 | .gameSort .sort-hd { 27 | font-size: 31rpx; 28 | color: #898989; 29 | display: block; 30 | text-align: center; 31 | padding: 15rpx 0 15rpx 0; 32 | } 33 | 34 | .sort-bd { 35 | width: 100%; 36 | padding-left: 30rpx; 37 | padding-right: 30rpx; 38 | box-sizing: border-box; 39 | } 40 | 41 | .sort-bd .sortBox { 42 | width: 203rpx; 43 | height: 180rpx; 44 | /* border: 1px solid red; */ 45 | box-sizing: border-box; 46 | float: left; 47 | margin-bottom: 20rpx; 48 | margin-right: 40rpx; 49 | display: flex; 50 | flex-direction: column; 51 | align-items: center; 52 | } 53 | 54 | .sort-bd .sortBox:nth-child(3n) { 55 | margin-right: 0; 56 | } 57 | 58 | .sort-bd .item .bbpic { 59 | width: 100rpx; 60 | height: 100rpx; 61 | box-sizing: border-box; 62 | } 63 | 64 | .sort-bd .gameSort__bd { 65 | font-size: 33rpx; 66 | text-align: center; 67 | } 68 | 69 | 70 | -------------------------------------------------------------------------------- /pages/articleDetail/articleDetail.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{article.articleTitle}} 6 | {{article.articleDate}} 7 | 8 | 9 | 13 | 14 | 15 | 16 |

{{article.articleContent}}

17 | 18 | 19 | 20 | 21 | 评论 {{article.commentsNum}} 22 | 23 | 24 | 25 | 26 | 27 | {{comment.userName}} 28 | 29 | {{comment.comTime}} 30 | 31 | 32 |

{{comment.comment}}

33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages": [ 3 | "pages/index/index", 4 | "pages/hot/hot", 5 | "pages/calendar/calendar", 6 | "pages/nbaMatches/nbaMatches", 7 | "pages/wcMatches/wcMatches", 8 | "pages/order/order", 9 | "pages/matchDetail/matchDetail", 10 | "pages/articleDetail/articleDetail", 11 | "pages/game/game", 12 | "pages/user/user", 13 | "pages/cbaMatches/cbaMatches", 14 | "pages/matchesNoBar/matchesNoBar" 15 | ], 16 | "window": { 17 | "backgroundTextStyle": "light", 18 | "navigationBarBackgroundColor": "#0061b8", 19 | "navigationBarTitleText": "腾讯体育+", 20 | "navigationBarTextStyle": "#fff" 21 | }, 22 | "tabBar": { 23 | "color": "#797979", 24 | "selectedColor": "#3891ff", 25 | "borderStyle": "#f5f5f5", 26 | "backgroundColor": "#f5f5f5", 27 | "list": [ 28 | { 29 | "pagePath": "pages/index/index", 30 | "iconPath": "images/football_icon_n.png", 31 | "selectedIconPath": "images/football_icon.png", 32 | "text": "世界杯" 33 | }, 34 | { 35 | "pagePath": "pages/hot/hot", 36 | "iconPath": "images/hot_icon_n.png", 37 | "selectedIconPath": "images/hot_icon.png", 38 | "text": "热门" 39 | }, 40 | { 41 | "pagePath": "pages/game/game", 42 | "iconPath": "images/game_icon_n.png", 43 | "selectedIconPath": "images/game_icon.png", 44 | "text": "赛事" 45 | }, 46 | { 47 | "pagePath": "pages/user/user", 48 | "iconPath": "images/user_icon_n.png", 49 | "selectedIconPath": "images/user_icon.png", 50 | "text": "我的" 51 | } 52 | ] 53 | } 54 | } -------------------------------------------------------------------------------- /pages/articleDetail/articleDetail.wxss: -------------------------------------------------------------------------------- 1 | /* pages/articleDetail/articleDetail.wxss */ 2 | .container { 3 | width: 100%; 4 | height: 100%; 5 | box-sizing: border-box; 6 | background: #f3f3f7; 7 | } 8 | .articleBox { 9 | background: #fff; 10 | } 11 | 12 | .articleBox .article_content { 13 | padding: 70rpx 40rpx; 14 | } 15 | 16 | .article_header { 17 | padding: 50rpx; 18 | } 19 | 20 | .article_header text { 21 | display: block; 22 | } 23 | 24 | .article_header .article_title { 25 | font-size: 45rpx; 26 | } 27 | 28 | .article_header .article_date { 29 | font-size: 28rpx; 30 | color: #898989; 31 | padding-top: 15rpx; 32 | } 33 | 34 | .article_pic { 35 | width: 100%; 36 | } 37 | 38 | .article_pic image { 39 | width: 100%; 40 | } 41 | 42 | .comments { 43 | background: #fff; 44 | margin-top: 25rpx; 45 | padding-bottom: 60rpx; 46 | } 47 | 48 | .comments .com_hd { 49 | font-size: 30rpx; 50 | padding: 20rpx; 51 | border-bottom: 1px solid #ccc; 52 | } 53 | 54 | .comments .comBox { 55 | padding: 50rpx 35rpx 0 35rpx; 56 | } 57 | 58 | .comBox .comBox_hd { 59 | display: flex; 60 | align-items: center; 61 | justify-content: space-between; 62 | } 63 | 64 | .comBox_hd .userInfo { 65 | display: flex; 66 | align-items: center; 67 | } 68 | 69 | .comBox .comBox_hd .userThumb{ 70 | width: 60rpx; 71 | height: 60rpx; 72 | border-radius: 50%; 73 | margin-right: 25rpx; 74 | } 75 | 76 | .comBox .comBox_hd .userName { 77 | font-size: 28rpx; 78 | color: #898989; 79 | } 80 | 81 | .comBox .comBox_hd .comTime { 82 | font-size: 24rpx; 83 | color: #898989; 84 | } 85 | 86 | .comBox_bd { 87 | font-size: 32rpx; 88 | padding-left: 75rpx; 89 | } 90 | 91 | -------------------------------------------------------------------------------- /pages/calendar/calendar.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {{curYear+'年'+curMonth+'月'}} 7 | 8 | 9 | 10 | 11 | 12 | 13 | 日 14 | 一 15 | 二 16 | 三 17 | 四 18 | 五 19 | 六 20 | 21 | 22 | 27 | 29 | 30 | {{item.date}} 31 | 32 | 33 | {{item.gameNum}} 34 | 场比赛 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 返回今天 43 | 44 | -------------------------------------------------------------------------------- /pages/game/game.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 篮球 5 | 6 | 7 | 8 | 9 | 10 | 11 | {{item.bbName}} 12 | 13 | 14 | 15 | 16 | 17 | 足球 18 | 19 | 20 | 21 | 22 | 23 | 24 | {{item.bbName}} 25 | 26 | 27 | 28 | 29 | 30 | 其他 31 | 32 | 33 | 34 | 35 | 36 | 37 | {{item.bbName}} 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /pages/user/user.js: -------------------------------------------------------------------------------- 1 | // pages/user/user.js 2 | //获取应用实例 3 | const app = getApp() 4 | Page({ 5 | 6 | /** 7 | * 页面的初始数据 8 | */ 9 | data: { 10 | hasUserInfo: false, 11 | canIUse: wx.canIUse('button.open-type.getUserInfo'), 12 | userInfo: {}, 13 | lists:[] 14 | }, 15 | 16 | getUserInfo: function(e) { 17 | console.log(e); 18 | this.setData({ 19 | hasUserInfo: true, 20 | userInfo: e.detail.userInfo 21 | }) 22 | wx.setStorage({ 23 | key: 'user-info', 24 | data: e.detail.userInfo, 25 | success: function(res){ 26 | // success 27 | console.log('保存成功'); 28 | } 29 | }) 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面加载 34 | */ 35 | onLoad () { 36 | if(app.globalData.userInfo) { 37 | this.setData({ 38 | userInfo: app.globalData.userInfo, 39 | hasUserInfo:true 40 | }) 41 | } 42 | wx.getStorage({ 43 | key: 'lists', 44 | success: (res) => { 45 | // success 46 | console.log(res); 47 | this.setData({ 48 | 'lists': res.data 49 | }) 50 | } 51 | }) 52 | }, 53 | 54 | /** 55 | * 生命周期函数--监听页面初次渲染完成 56 | */ 57 | onReady: function () { 58 | 59 | }, 60 | 61 | /** 62 | * 生命周期函数--监听页面显示 63 | */ 64 | onShow: function () { 65 | 66 | }, 67 | 68 | /** 69 | * 生命周期函数--监听页面隐藏 70 | */ 71 | onHide: function () { 72 | 73 | }, 74 | 75 | /** 76 | * 生命周期函数--监听页面卸载 77 | */ 78 | onUnload: function () { 79 | 80 | }, 81 | 82 | /** 83 | * 页面相关事件处理函数--监听用户下拉动作 84 | */ 85 | onPullDownRefresh: function () { 86 | 87 | }, 88 | 89 | /** 90 | * 页面上拉触底事件的处理函数 91 | */ 92 | onReachBottom: function () { 93 | 94 | }, 95 | 96 | /** 97 | * 用户点击右上角分享 98 | */ 99 | onShareAppMessage: function () { 100 | 101 | } 102 | }) -------------------------------------------------------------------------------- /pages/matchDetail/matchDetail.js: -------------------------------------------------------------------------------- 1 | // pages/matchDetail/matchDetail.js 2 | const app = getApp() 3 | Page({ 4 | 5 | /** 6 | * 页面的初始数据 7 | */ 8 | data: { 9 | barCurIndex: 0, 10 | barInfoIndex: 0, 11 | ordered: false, 12 | game: [] 13 | }, 14 | 15 | switchTab(e){ 16 | var datasetId = e.target.dataset.id; 17 | this.setData({ 18 | barCurIndex: datasetId, 19 | barInfoIndex: datasetId 20 | }) 21 | }, 22 | 23 | bindOrderMatch() { 24 | let ordered = !this.data.ordered; 25 | this.setData({ 26 | ordered 27 | }) 28 | console.log(this.data.ordered); 29 | if (this.data.ordered) { 30 | wx.showToast({ 31 | title: '预约成功', 32 | icon: 'success' 33 | }) 34 | } else { 35 | wx.showToast({ 36 | title: '取消成功', 37 | icon: 'success' 38 | }) 39 | } 40 | }, 41 | 42 | /** 43 | * 生命周期函数--监听页面加载 44 | */ 45 | 46 | onLoad: function (options) { 47 | const id = options.id; 48 | console.log(id); 49 | const game = app.globalData.gameList.filter((item) => { 50 | return item.id == id 51 | }) 52 | this.setData({ 53 | game 54 | }) 55 | console.log(game); 56 | }, 57 | 58 | /** 59 | * 生命周期函数--监听页面初次渲染完成 60 | */ 61 | onReady: function () { 62 | 63 | }, 64 | 65 | /** 66 | * 生命周期函数--监听页面显示 67 | */ 68 | onShow: function () { 69 | 70 | }, 71 | 72 | /** 73 | * 生命周期函数--监听页面隐藏 74 | */ 75 | onHide: function () { 76 | 77 | }, 78 | 79 | /** 80 | * 生命周期函数--监听页面卸载 81 | */ 82 | onUnload: function () { 83 | 84 | }, 85 | 86 | /** 87 | * 页面相关事件处理函数--监听用户下拉动作 88 | */ 89 | onPullDownRefresh: function () { 90 | 91 | }, 92 | 93 | /** 94 | * 页面上拉触底事件的处理函数 95 | */ 96 | onReachBottom: function () { 97 | 98 | }, 99 | 100 | /** 101 | * 用户点击右上角分享 102 | */ 103 | onShareAppMessage: function () { 104 | 105 | } 106 | }) -------------------------------------------------------------------------------- /pages/wcMatches/wcMatches.js: -------------------------------------------------------------------------------- 1 | // pages/wcMatches/wcMatches.js 2 | const app = getApp() 3 | Page({ 4 | 5 | /** 6 | * 页面的初始数据 7 | */ 8 | data: { 9 | selected: 3, 10 | ftBarSelected: 0, 11 | wcSortSwitch: 0, 12 | v_live: false, 13 | vLive_pic: '../../images/vLive.png', 14 | vLive_text:'视频直播', 15 | pLive_pic: '../../images/pLive.png', 16 | pLive_text:'图文直播', 17 | headerBar: [ 18 | "赛程", 19 | "积分", 20 | "淘汰赛", 21 | "射手" 22 | ], 23 | wcMatchesList: [] 24 | }, 25 | 26 | switchBar(e) { 27 | const curId = e.target.dataset.id; 28 | this.setData({ 29 | selected: curId 30 | }) 31 | }, 32 | 33 | bindSortBar(e) { 34 | const curIndex = e.target.dataset.index; 35 | this.setData({ 36 | ftBarSelected: curIndex 37 | }) 38 | }, 39 | 40 | /** 41 | * 生命周期函数--监听页面加载 42 | */ 43 | onLoad: function (options) { 44 | let id = options.id; 45 | wx.setNavigationBarTitle({ 46 | title: '世界杯' 47 | }) 48 | this.setData({ 49 | selected: id, 50 | wcMatchesList: app.globalData.wcMatchesList, 51 | wcScoreList: app.globalData.wcScoreList 52 | }) 53 | console.log(app.globalData.wcScoreList); 54 | }, 55 | 56 | /** 57 | * 生命周期函数--监听页面初次渲染完成 58 | */ 59 | onReady: function () { 60 | 61 | }, 62 | 63 | /** 64 | * 生命周期函数--监听页面显示 65 | */ 66 | onShow: function () { 67 | 68 | }, 69 | 70 | /** 71 | * 生命周期函数--监听页面隐藏 72 | */ 73 | onHide: function () { 74 | 75 | }, 76 | 77 | /** 78 | * 生命周期函数--监听页面卸载 79 | */ 80 | onUnload: function () { 81 | 82 | }, 83 | 84 | /** 85 | * 页面相关事件处理函数--监听用户下拉动作 86 | */ 87 | onPullDownRefresh: function () { 88 | 89 | }, 90 | 91 | /** 92 | * 页面上拉触底事件的处理函数 93 | */ 94 | onReachBottom: function () { 95 | 96 | }, 97 | 98 | /** 99 | * 用户点击右上角分享 100 | */ 101 | onShareAppMessage: function () { 102 | 103 | } 104 | }) -------------------------------------------------------------------------------- /pages/order/order.wxss: -------------------------------------------------------------------------------- 1 | /* pages/order/order.wxss */ 2 | page { 3 | background-color: #f3f3f7; 4 | } 5 | .container { 6 | overflow: hidden; 7 | } 8 | .noOrders { 9 | display: flex; 10 | justify-content: center; 11 | font-size: 30rpx; 12 | color: #ccc; 13 | text-align: center; 14 | margin-top: 50rpx 15 | } 16 | 17 | .gameOrder { 18 | margin-top: 35rpx; 19 | } 20 | 21 | .gameOrder .gameDate { 22 | font-size: 25rpx; 23 | } 24 | 25 | .weui-cells { 26 | margin-top: 10rpx; 27 | } 28 | 29 | .weui-cell { 30 | border: 1px solid #fff; 31 | } 32 | 33 | .weui-cell__hd { 34 | text-align: center; 35 | } 36 | 37 | .weui-cell__hd text { 38 | display: block; 39 | } 40 | 41 | .weui-cell__hd text:nth-child(1) { 42 | margin-bottom: 15rpx; 43 | } 44 | 45 | .weui-cell__hd text:nth-child(1) { 46 | font-size: 24rpx; 47 | } 48 | 49 | .weui-cell__hd text:nth-child(2) { 50 | font-size: 20rpx; 51 | color: #898989; 52 | } 53 | 54 | .weui-cell__bd { 55 | margin-left: 50rpx; 56 | } 57 | 58 | .weui-cell__bd view { 59 | display: block; 60 | display: flex; 61 | align-items: center; 62 | } 63 | 64 | .weui-cell__bd view:nth-child(1) { 65 | margin-bottom: 10rpx; 66 | } 67 | 68 | .weui-cell__bd image { 69 | width: 50rpx; 70 | height: 50rpx; 71 | } 72 | 73 | .weui-cell__bd span { 74 | font-size: 28rpx; 75 | padding-left: 20rpx; 76 | } 77 | 78 | .weui-cell__ft { 79 | display: flex; 80 | align-items: center; 81 | } 82 | 83 | .weui-cell__ft .ft_left { 84 | margin-right: 50rpx; 85 | } 86 | 87 | .weui-cell__ft .gameScore { 88 | display: block; 89 | } 90 | 91 | .weui-cell__ft .scoreM{ 92 | margin-bottom: 10rpx; 93 | } 94 | 95 | .weui-cell__ft .gameLive view{ 96 | display: inline; 97 | display: flex; 98 | align-items: center; 99 | } 100 | 101 | .weui-cell__ft .gameLive .livePic{ 102 | width: 24rpx; 103 | height: 24rpx; 104 | margin-right: 5rpx; 105 | } 106 | 107 | .weui-cell__ft .gameLive span { 108 | font-size: 22rpx; 109 | } -------------------------------------------------------------------------------- /utils/gameList.js: -------------------------------------------------------------------------------- 1 | export default { 2 | gameList: [ 3 | { 4 | id: '1', 5 | gameDate: '6月14日', 6 | gameTime: '23:00', 7 | team_1: '俄罗斯', 8 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/536.png', 9 | team_1_score: 0, 10 | team_2: '沙特', 11 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/1264.png', 12 | team_2_score: 0, 13 | gameLive: true, 14 | isStart: true, 15 | navigateUrl: '/pages/matchDetail/matchDetail?id' 16 | }, 17 | { 18 | id: '2', 19 | gameDate: '6月15日', 20 | gameTime: '20:00', 21 | team_1: '埃及', 22 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/1225.png', 23 | team_1_score: 0, 24 | team_2: '乌拉圭', 25 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/837.png', 26 | team_2_score: 0, 27 | gameLive: true, 28 | isStart: false, 29 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 30 | }, 31 | { 32 | id: '3', 33 | gameDate: '6月15日', 34 | gameTime: '23:00', 35 | team_1: '摩洛哥', 36 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/1057.png', 37 | team_1_score: 0, 38 | team_2: '伊朗', 39 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/1042.png', 40 | team_2_score: 0, 41 | gameLive: true, 42 | isStart: false, 43 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 44 | }, 45 | { 46 | id: '4', 47 | gameDate: '6月16日', 48 | gameTime: '02:00', 49 | team_1: '葡萄牙', 50 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/359.png', 51 | team_1_score: 0, 52 | team_2: '西班牙', 53 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/118.png', 54 | team_2_score: 0, 55 | gameLive: true, 56 | isStart: false, 57 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /pages/order/order.js: -------------------------------------------------------------------------------- 1 | // pages/order/order.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | hasOrder: true, 9 | v_live: true, 10 | vLive_pic: '../../images/vLive.png', 11 | vLive_text:'视频直播', 12 | pLive_pic: '../../images/pLive.png', 13 | pLive_text:'图文直播', 14 | orderList: [ 15 | { 16 | id: '1', 17 | gameDate: '6月4日 星期一', 18 | gameTime: '8:00', 19 | gameName: 'NBA季后赛', 20 | team_1: '骑士', 21 | team_1_pic: 'http://img1.gtimg.com/sports/pics/hv1/131/116/2220/144385211.png', 22 | team_1_score: 0, 23 | team_2: '勇士', 24 | team_2_pic: 'http://mat1.gtimg.com/sports/nba/logo/black/9.png', 25 | team_2_score: 0, 26 | gameLive: true, 27 | isStart: false 28 | }, 29 | { 30 | id: '2', 31 | gameDate: '6月7日 星期四', 32 | gameTime: '9:00', 33 | gameName: 'NBA季后赛', 34 | team_1: '骑士', 35 | team_1_pic: 'http://img1.gtimg.com/sports/pics/hv1/131/116/2220/144385211.png', 36 | team_1_score: 0, 37 | team_2: '勇士', 38 | team_2_pic: 'http://mat1.gtimg.com/sports/nba/logo/black/9.png', 39 | team_2_score: 0, 40 | gameLive: true, 41 | isStart: false 42 | } 43 | ] 44 | }, 45 | 46 | /** 47 | * 生命周期函数--监听页面加载 48 | */ 49 | onLoad: function (options) { 50 | 51 | }, 52 | 53 | /** 54 | * 生命周期函数--监听页面初次渲染完成 55 | */ 56 | onReady: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 生命周期函数--监听页面显示 62 | */ 63 | onShow: function () { 64 | 65 | }, 66 | 67 | /** 68 | * 生命周期函数--监听页面隐藏 69 | */ 70 | onHide: function () { 71 | 72 | }, 73 | 74 | /** 75 | * 生命周期函数--监听页面卸载 76 | */ 77 | onUnload: function () { 78 | 79 | }, 80 | 81 | /** 82 | * 页面相关事件处理函数--监听用户下拉动作 83 | */ 84 | onPullDownRefresh: function () { 85 | 86 | }, 87 | 88 | /** 89 | * 页面上拉触底事件的处理函数 90 | */ 91 | onReachBottom: function () { 92 | 93 | }, 94 | 95 | /** 96 | * 用户点击右上角分享 97 | */ 98 | onShareAppMessage: function () { 99 | 100 | } 101 | }) -------------------------------------------------------------------------------- /pages/matchDetail/matchDetail.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 埃及 8 | 9 | 10 | 11 | 6月15日 12 | 20:00 13 | 未开始 14 | 15 | 16 | 17 | 18 | 已预约 19 | 20 | 21 | 22 | 预约 23 | 24 | 25 | 26 | 世界杯组第1轮 27 | 28 | 29 | 30 | 乌拉圭 31 | 32 | 33 | 34 | 数据 35 | 资讯 36 | 37 | 38 | 39 | 40 | 41 | 42 | 比赛未开始 暂无数据 43 | 44 | 45 | 文章列表 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /pages/calendar/calendar.wxss: -------------------------------------------------------------------------------- 1 | /* pages/others/calendar/calendar.wxss */ 2 | page { 3 | background: #f3f3f7; 4 | } 5 | .selected_date { 6 | padding: 24rpx; 7 | overflow: hidden; 8 | border-bottom: 1px solid #d6d7dc; 9 | color: #576b95; 10 | } 11 | 12 | .selected_date .text_center { 13 | font-size: 30rpx; 14 | text-align: center; 15 | } 16 | 17 | .selected_date>view { 18 | width: 33.3%; 19 | float: left; 20 | } 21 | 22 | .calendar_panel { 23 | width: 100%; 24 | /* height: 600rpx; */ 25 | } 26 | 27 | .week_box { 28 | width: 100%; 29 | height: 76rpx; 30 | background: #f3f3f7; 31 | overflow: hidden; 32 | display: flex; 33 | align-items: center; 34 | color: #b6b6b6; 35 | } 36 | 37 | .calendar_box { 38 | width: 100%; 39 | height: 152rpx; 40 | background: #fff; 41 | overflow: hidden; 42 | /* border-bottom: 1rpx solid #ececec; */ 43 | display: flex; 44 | } 45 | 46 | .weekday_label { 47 | width: 14.28%; 48 | float: left; 49 | text-align: center; 50 | font-size: 26rpx; 51 | /* padding: 10rpx; */ 52 | padding: 0 10rpx; 53 | box-sizing: border-box; 54 | border: 1px solid #f3f3f7; 55 | display: flex; 56 | flex-direction: column; 57 | align-items: center; 58 | } 59 | 60 | .weekday_label .date { 61 | width: 100%; 62 | } 63 | .weekday_label .date text { 64 | float: right; 65 | font-size: 20rpx; 66 | color: #b6b6b6; 67 | } 68 | 69 | .gameNumBox text { 70 | display: block; 71 | color: #576b95 72 | } 73 | 74 | .gameNumBox text:nth-child(1) { 75 | font-size: 35rpx; 76 | } 77 | 78 | .gameNumBox text:nth-child(2) { 79 | font-size: 18rpx; 80 | } 81 | 82 | .select_icon { 83 | width: 30rpx; 84 | height: 30rpx; 85 | } 86 | 87 | .active_label { 88 | /* color: #2b58e0; */ 89 | border: 1px solid #2b58e0; 90 | } 91 | 92 | .show_box { 93 | padding: 20rpx; 94 | font-size: 26rpx; 95 | } 96 | 97 | .backtoday { 98 | width: 100%; 99 | height: 110rpx; 100 | line-height: 110rpx; 101 | position: fixed; 102 | bottom: 0; 103 | text-align: center; 104 | font-size: 34rpx; 105 | color: #576b95; 106 | background: #f3f3f7; 107 | } -------------------------------------------------------------------------------- /pages/order/order.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{item.gameDate}} 6 | 7 | 8 | 9 | {{item.gameTime}} 10 | {{item.gameName}} 11 | 12 | 13 | 14 | {{item.team_1}} 15 | 16 | 17 | {{item.team_2}} 18 | 19 | 20 | 21 | 22 | 23 | {{item.team_1_score}} 24 | {{item.team_2_score}} 25 | 26 | 27 | - 28 | - 29 | 30 | 31 | 32 | 33 | 34 | 35 | {{vLive_text}} 36 | 37 | 38 | 39 | {{pLive_text}} 40 | 41 | 42 | 43 | 未开始 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 没有预约比赛 54 | 55 | 56 | -------------------------------------------------------------------------------- /pages/index/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 世界杯第{{days}}天共 2 场比赛 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | {{item.team_1}} 15 | 16 | 17 | {{item.team_2}} 18 | 19 | 20 | 21 | {{item.team_1_score}} 22 | {{item.team_2_score}} 23 | 24 | 25 | - 26 | - 27 | 28 | 29 | 30 | 31 | {{item.gameDate}} 32 | {{item.gameTime}} 33 | 34 | 35 | 已开始 36 | 37 | 38 | 未开始 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | {{item.linksText}} 49 | 50 | 51 | 52 | 53 | 54 | 55 | {{item.articleTitle}} 56 | {{item.commentsNum}}评 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /pages/matchDetail/matchDetail.wxss: -------------------------------------------------------------------------------- 1 | /* pages/matchDetail/matchDetail.wxss */ 2 | .container { 3 | width: 100%; 4 | height: 100vh; 5 | background-color: #f3f3f7; 6 | margin: 0; 7 | padding: 0; 8 | box-sizing: border-box; 9 | display: flex; 10 | flex-direction: column; 11 | } 12 | 13 | .match_hd { 14 | background-color: #fff; 15 | height: 350rpx; 16 | display: flex; 17 | flex-direction: column; 18 | justify-content: space-between; 19 | } 20 | 21 | .match_desc { 22 | padding: 50rpx 64rpx; 23 | display: flex; 24 | align-items: flex-end; 25 | justify-content: space-between; 26 | } 27 | 28 | .teamBox { 29 | display: flex; 30 | flex-direction: column; 31 | align-items: center; 32 | } 33 | 34 | .teamBox .teamPic { 35 | width: 85rpx; 36 | height: 85rpx; 37 | } 38 | 39 | .teamBox text { 40 | font-size: 30rpx; 41 | margin-top: 8rpx; 42 | } 43 | 44 | .pk_info { 45 | display: flex; 46 | flex-direction: column; 47 | align-items: center; 48 | justify-content: flex-start; 49 | } 50 | 51 | .pk_info text{ 52 | font-size: 26rpx; 53 | color: #adb4be; 54 | } 55 | 56 | .gameDateTime .gameTime { 57 | margin: 0 8rpx; 58 | } 59 | 60 | .pk_info .gameDateTime { 61 | margin-bottom: 18rpx; 62 | } 63 | 64 | .orderBox { 65 | margin-bottom: 16rpx; 66 | } 67 | 68 | .ordered { 69 | width: 180rpx; 70 | height: 58rpx; 71 | background-color: #f3f3f7; 72 | color: #000; 73 | font-size: 26rpx; 74 | border-radius: 29rpx; 75 | display: flex; 76 | align-items: center;justify-content: center; 77 | } 78 | 79 | .noOrder { 80 | width: 180rpx; 81 | height: 58rpx; 82 | background-color: #448aff; 83 | font-size: 26rpx; 84 | color: #fff; 85 | border-radius: 29rpx; 86 | display: flex; 87 | align-items: center;justify-content: center; 88 | } 89 | 90 | .orderBox image, .ordered image { 91 | width: 30rpx; 92 | height: 26rpx; 93 | margin-right: 8rpx; 94 | } 95 | 96 | .matchBar { 97 | display: flex; 98 | align-items: center; 99 | justify-content: space-between; 100 | } 101 | 102 | .matchBar span { 103 | width: 375rpx; 104 | text-align: center; 105 | font-size: 32rpx; 106 | } 107 | 108 | .match_bd { 109 | margin-top: 20rpx; 110 | background-color: #fff; 111 | flex: 1; 112 | display: flex; 113 | justify-content: center; 114 | padding-top: 65rpx; 115 | } 116 | 117 | /* .barOn { 118 | border-bottom: 2px solid #2b58e0; 119 | } */ 120 | 121 | .match_info.barOn, .match_news.barOn { 122 | position: relative; 123 | } 124 | 125 | .match_info.barOn:after, .match_news.barOn:after { 126 | content: ""; 127 | position: absolute; 128 | bottom: 0; 129 | left: 0; 130 | width: 375rpx; 131 | height: 5rpx; 132 | background-color: #2b58e0; 133 | } 134 | 135 | .matchBarInfo view { 136 | display: none; 137 | } 138 | 139 | .matchBarInfo view.barInfoOn { 140 | display: block; 141 | } 142 | 143 | .matchBarInfo text { 144 | font-size: 35rpx; 145 | color: #adb4be; 146 | 147 | } 148 | -------------------------------------------------------------------------------- /pages/index/index.wxss: -------------------------------------------------------------------------------- 1 | /**index.wxss**/ 2 | page { 3 | background-color: #f3f3f7; 4 | /* background-color:red; */ 5 | } 6 | 7 | .container { 8 | box-sizing: border-box; 9 | width: 100%; 10 | height: 100%; 11 | } 12 | 13 | .headBox { 14 | width: 100%; 15 | height: 420rpx; 16 | /* background-repeat: no-repeat; 17 | background-size: cover; */ 18 | } 19 | 20 | .headBox .head-title{ 21 | font-size: 28rpx; 22 | color: #ebcb8f; 23 | padding: 15rpx 0 10rpx 25rpx; 24 | } 25 | 26 | 27 | .gameBox { 28 | display: inline-block; 29 | background-color: #e6e7ed; 30 | border-radius: 10rpx; 31 | margin: 10rpx 0 10rpx 25rpx; 32 | width: 340rpx; 33 | height: 155rpx; 34 | position: relative; 35 | } 36 | 37 | .gameBox:nth-child(4) { 38 | margin-right: 25rpx; 39 | } 40 | 41 | .game-bd { 42 | width: 100%; 43 | position: absolute; 44 | top: 0; 45 | left: 0; 46 | display: flex; 47 | align-items: center; 48 | justify-content: space-between; 49 | } 50 | 51 | .game-ft { 52 | position: absolute; 53 | left: 0; 54 | bottom: 0; 55 | padding: 0 20rpx 6rpx; 56 | width: 300rpx; 57 | display: flex; 58 | justify-content: space-between; 59 | } 60 | 61 | .gameTeam { 62 | display: inline-block; 63 | padding: 15rpx 25rpx; 64 | } 65 | 66 | .gameScore { 67 | display: inline-block; 68 | padding: 0 25rpx; 69 | } 70 | 71 | .gameTeam image { 72 | width: 38rpx; 73 | height: 38rpx; 74 | } 75 | 76 | .gameTeam span { 77 | font-size: 28rpx; 78 | padding-left: 20rpx; 79 | } 80 | 81 | .gameTeam .team_1, .team_2 { 82 | display: flex; 83 | align-items: center; 84 | margin-bottom: 8rpx; 85 | } 86 | 87 | .gameScore .teamScore { 88 | display: block; 89 | height: 19rpx; 90 | line-height: 19rpx; 91 | 92 | } 93 | 94 | .gameScore .scoreM { 95 | margin-bottom: 20rpx; 96 | } 97 | 98 | .game-ft .startTime, .isStart { 99 | display: inline-block; 100 | font-size: 22rpx; 101 | color: #898989; 102 | } 103 | 104 | .head-ft { 105 | padding: 10rpx; 106 | display: flex; 107 | justify-content: space-around; 108 | 109 | } 110 | 111 | .head-ft .ft-item { 112 | display: flex; 113 | flex-direction: column; 114 | align-items: center; 115 | } 116 | 117 | .head-ft image { 118 | width: 62rpx; 119 | height: 62rpx; 120 | } 121 | 122 | .head-ft text { 123 | margin-top: 10rpx; 124 | font-size: 26rpx; 125 | color: #ebcb8f; 126 | } 127 | 128 | .bodyBox { 129 | margin-top: 25rpx; 130 | background-color: #fff; 131 | } 132 | 133 | .articleBox { 134 | padding: 25rpx 0; 135 | margin: 0 25rpx; 136 | border-bottom: 1px solid #ccc; 137 | display: flex; 138 | align-items: flex-start; 139 | } 140 | 141 | .article-hd { 142 | display: flex; 143 | flex-direction: column; 144 | align-items: flex-start; 145 | padding-right: 40rpx; 146 | } 147 | 148 | .article-hd .articleTitle{ 149 | font-size: 40rpx; 150 | } 151 | 152 | .article-hd .articlecomments { 153 | font-size: 24rpx; 154 | color: #898989; 155 | padding-top: 12rpx; 156 | } 157 | 158 | .articleBox .article-hd .articleTitle { 159 | font-size: 34rpx; 160 | } 161 | 162 | .article-ft { 163 | height: 135rpx; 164 | } 165 | 166 | .articleBox .article-ft image { 167 | width: 210rpx; 168 | height: 135rpx; 169 | } 170 | 171 | 172 | 173 | -------------------------------------------------------------------------------- /pages/calendar/calendar.js: -------------------------------------------------------------------------------- 1 | // pages/others/this.calendar/this.calendar.js 2 | Page({ 3 | data: { 4 | selectedDate: '',//选中的几月几号 5 | selectedWeek: '',//选中的星期几 6 | curYear: 2017,//当前年份 7 | curMonth: 0,//当前月份 8 | daysCountArr: [// 保存各个月份的长度，平年 9 | 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 10 | ], 11 | weekArr: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'], 12 | dateList: [] 13 | }, 14 | 15 | backtoday(e) { 16 | wx.navigateBack({ 17 | delta: 1, // 回退前 delta(默认为1) 页面 18 | }) 19 | }, 20 | 21 | onLoad: function (options) { 22 | // 页面初始化 options为页面跳转所带来的参数 23 | }, 24 | onReady: function () { 25 | // 页面渲染完成 26 | }, 27 | 28 | onShow: function () { 29 | var today = new Date();//当前时间 30 | var y = today.getFullYear();//年 31 | var mon = today.getMonth() + 1;//月 32 | var d = today.getDate();//日 33 | var i = today.getDay();//星期 34 | this.setData({ 35 | curYear: y, 36 | curMonth: mon, 37 | selectedDate: y + '-' + mon + '-' + d, 38 | selectedWeek: this.data.weekArr[i] 39 | }); 40 | this.getDateList(y, mon - 1); 41 | }, 42 | getDateList: function (y, mon) { 43 | var vm = this; 44 | //如果是闰年，则2月是29日 45 | var daysCountArr = this.data.daysCountArr; 46 | if (y % 4 == 0 && y % 100 != 0) { 47 | this.data.daysCountArr[1] = 29; 48 | this.setData({ 49 | daysCountArr: daysCountArr 50 | }); 51 | } 52 | //第几个月；下标从0开始实际月份还要再+1 53 | var dateList = []; 54 | // console.log('本月', vm.data.daysCountArr[mon], '天'); 55 | dateList[0] = []; //dateList 为二维数组 56 | var weekIndex = 0;//第几个星期 57 | for (var i = 0; i < vm.data.daysCountArr[mon]; i++) { 58 | // getDay() 方法可返回一周（0~6）的某一天的数字 59 | var week = new Date(y + '-' + (mon + 1) + '-' + (i+2)).getDay(); 60 | 61 | dateList[weekIndex].push({ 62 | value: y + '-' + (mon + 1) + '-' + (i + 1), 63 | date: i + 1, 64 | week: week, 65 | gameNum: 10 66 | }); 67 | console.log(week); 68 | 69 | if (week == 0) { 70 | weekIndex++; 71 | dateList[weekIndex] = []; 72 | } 73 | } 74 | console.log('本月日期', dateList); 75 | vm.setData({ 76 | dateList: dateList 77 | }); 78 | }, 79 | selectDate: function (e) { 80 | var vm = this; 81 | console.log('选中', e.currentTarget.dataset.date.value); 82 | vm.setData({ 83 | selectedDate: e.currentTarget.dataset.date.value, 84 | selectedWeek: vm.data.weekArr[e.currentTarget.dataset.date.week] 85 | }); 86 | }, 87 | preMonth: function () { 88 | // 上个月 89 | var vm = this; 90 | var curYear = vm.data.curYear; 91 | var curMonth = vm.data.curMonth; 92 | curYear = curMonth - 1 ? curYear : curYear - 1; 93 | curMonth = curMonth - 1 ? curMonth - 1 : 12; 94 | // console.log('上个月', curYear, curMonth); 95 | vm.setData({ 96 | curYear: curYear, 97 | curMonth: curMonth 98 | }); 99 | 100 | vm.getDateList(curYear, curMonth - 1); 101 | }, 102 | nextMonth: function () { 103 | // 下个月 104 | var vm = this; 105 | var curYear = vm.data.curYear; 106 | var curMonth = vm.data.curMonth; 107 | curYear = curMonth + 1 == 13 ? curYear + 1 : curYear; 108 | curMonth = curMonth + 1 == 13 ? 1 : curMonth + 1; 109 | // console.log('下个月', curYear, curMonth); 110 | vm.setData({ 111 | curYear: curYear, 112 | curMonth: curMonth 113 | }); 114 | 115 | vm.getDateList(curYear, curMonth - 1); 116 | } 117 | }) -------------------------------------------------------------------------------- /pages/hot/hot.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | > 5 | 6 | 7 | {{curDate}} 8 | 9 | 10 | 11 | < 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | {{match.gameTime}} 23 | {{match.gameName}} 24 | 25 | 26 | 27 | {{match.team_1}} 28 | 29 | 30 | {{match.team_2}} 31 | 32 | 33 | 34 | 35 | 36 | {{match.team_1_score}} 37 | {{match.team_2_score}} 38 | 39 | 40 | - 41 | - 42 | 43 | 44 | 45 | 46 | 47 | 48 | {{vLive_text}} 49 | 50 | 51 | 52 | {{pLive_text}} 53 | 54 | 55 | 56 | 未开始 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 本日暂无比赛 66 | 67 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /pages/hot/hot.js: -------------------------------------------------------------------------------- 1 | // pages/hot/hot.js 2 | const app = getApp() 3 | Page({ 4 | data: { 5 | swiperCurIndex: 1, 6 | dayListIndex:0, 7 | month: '', 8 | day: '', 9 | week: '', 10 | i: 0, 11 | weekArr: ['周日','周一','周二','周三','周四','周五','周六'], 12 | curDate: '', 13 | daysCountArr: [// 保存各个月份的长度，平年 14 | 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 15 | ], 16 | v_live: true, 17 | vLive_pic: '../../images/vLive.png', 18 | vLive_text:'视频直播', 19 | pLive_pic: '../../images/pLive.png', 20 | pLive_text:'图文直播', 21 | dayList: [], 22 | sub_dayList: [] 23 | }, 24 | 25 | onLoad: function (options) { 26 | let dayListIndex = this.data.dayListIndex; 27 | this.setData({ 28 | dayList: app.globalData.dayList 29 | }) 30 | console.log(this.data.dayList); 31 | let testArr = []; 32 | for (let i = dayListIndex;i= 1) { 70 | this.nextDay(); 71 | } else { 72 | return 73 | } 74 | this.setData({ 75 | // sub_dayList: testArr 76 | // dayListIndex: this.data.dayListIndex + 5 77 | // swiperCurIndex: current, 78 | }) 79 | }, 80 | 81 | preDay() { 82 | let day = this.data.day; 83 | let month = this.data.month; 84 | let week= this.data.week; 85 | let i = this.data.i; 86 | if (i<=0) { 87 | i = 6; 88 | }else { 89 | i--; 90 | } 91 | if(day<=1) { 92 | month--; 93 | day = this.data.daysCountArr[month-1]; 94 | }else { 95 | day--; 96 | } 97 | this.setData({ 98 | swiperCurIndex: this.data.swiperCurIndex-1, 99 | month, 100 | day, 101 | i, 102 | week: this.data.weekArr[i], 103 | curDate: month+'月'+day+'日'+' '+this.data.weekArr[i] 104 | }) 105 | }, 106 | 107 | nextDay() { 108 | let day = this.data.day; 109 | let month = this.data.month; 110 | let week= this.data.week; 111 | let i = this.data.i; 112 | if (i>=6) { 113 | i = 0; 114 | }else { 115 | i++; 116 | } 117 | if (day>=this.data.daysCountArr[month-1]) { 118 | day = 1; 119 | month++; 120 | }else { 121 | day++; 122 | } 123 | this.setData({ 124 | swiperCurIndex: this.data.swiperCurIndex+1, 125 | month, 126 | day, 127 | i, 128 | week: this.data.weekArr[i], 129 | curDate: month+'月'+day+'日'+' '+this.data.weekArr[i] 130 | }) 131 | }, 132 | /** 133 | * 生命周期函数--监听页面初次渲染完成 134 | */ 135 | onReady: function () { 136 | 137 | }, 138 | 139 | /** 140 | * 生命周期函数--监听页面显示 141 | */ 142 | onShow: function () { 143 | let date = new Date; 144 | let month = date.getMonth() + 1; 145 | let day = date.getDate(); 146 | let i = date.getDay(); 147 | this.setData({ 148 | swiperCurIndex: 2, 149 | month, 150 | day, 151 | i, 152 | week: this.data.weekArr[i], 153 | curDate: month+'月'+day+'日'+' '+this.data.weekArr[i] 154 | }) 155 | }, 156 | 157 | /** 158 | * 生命周期函数--监听页面隐藏 159 | */ 160 | onHide: function () { 161 | 162 | }, 163 | 164 | /** 165 | * 生命周期函数--监听页面卸载 166 | */ 167 | onUnload: function () { 168 | 169 | }, 170 | 171 | /** 172 | * 页面相关事件处理函数--监听用户下拉动作 173 | */ 174 | onPullDownRefresh: function () { 175 | 176 | }, 177 | 178 | /** 179 | * 页面上拉触底事件的处理函数 180 | */ 181 | onReachBottom: function () { 182 | 183 | }, 184 | 185 | /** 186 | * 用户点击右上角分享 187 | */ 188 | onShareAppMessage: function () { 189 | 190 | } 191 | }) -------------------------------------------------------------------------------- /pages/nbaMatches/nbaMatches.js: -------------------------------------------------------------------------------- 1 | // pages/nbaMatches/nbaMatches.js 2 | const app = getApp() 3 | Page({ 4 | 5 | /** 6 | * 页面的初始数据 7 | */ 8 | data: { 9 | nbaPlayerRank: [], 10 | team:[], 11 | // playerRank: nbaPlayerRank["scoreRank"], 12 | curIndex: 0, 13 | playerSortIndex: 0, 14 | nbaMenu: [ 15 | { 16 | id: '71', 17 | nbaSort: '赛程' 18 | }, 19 | { 20 | id: '72', 21 | nbaSort: '排行' 22 | }, 23 | { 24 | id: '73', 25 | nbaSort: '球员榜' 26 | } 27 | ], 28 | playerSortMenu: [ 29 | { 30 | id: '81', 31 | playerSort: '得分榜' 32 | }, 33 | { 34 | id: '82', 35 | playerSort: '助攻榜' 36 | }, 37 | { 38 | id: '83', 39 | playerSort: '篮板榜' 40 | }, 41 | { 42 | id: '84', 43 | playerSort: '抢断榜' 44 | }, 45 | { 46 | id: '85', 47 | playerSort: '盖帽榜' 48 | } 49 | ], 50 | v_live: true, 51 | vLive_pic: '../../images/vLive.png', 52 | vLive_text:'视频直播', 53 | pLive_pic: '../../images/pLive.png', 54 | pLive_text:'图文直播', 55 | orderList: [ 56 | { 57 | id: '1', 58 | gameDate: '6月7日 星期四', 59 | gameTime: '9:00', 60 | gameName: 'NBA季后赛', 61 | team_2: '骑士', 62 | team_2_pic: 'http://img1.gtimg.com/sports/pics/hv1/131/116/2220/144385211.png', 63 | team_2_score: 102, 64 | team_1: '勇士', 65 | team_1_pic: 'http://mat1.gtimg.com/sports/nba/logo/black/9.png', 66 | team_1_score: 110, 67 | gameLive: true, 68 | isStart: true 69 | }, 70 | { 71 | id: '2', 72 | gameDate: '6月9日 星期六', 73 | gameTime: '9:00', 74 | gameName: 'NBA季后赛', 75 | team_2: '骑士', 76 | team_2_pic: 'http://img1.gtimg.com/sports/pics/hv1/131/116/2220/144385211.png', 77 | team_2_score: 85, 78 | team_1: '勇士', 79 | team_1_pic: 'http://mat1.gtimg.com/sports/nba/logo/black/9.png', 80 | team_1_score: 108, 81 | gameLive: true, 82 | isStart: true 83 | } 84 | ], 85 | nbaTeamRank: [] 86 | 87 | }, 88 | 89 | bindswiper(e) { 90 | this.setData({ 91 | curIndex: e.detail.current 92 | }) 93 | }, 94 | 95 | switchSort(e) { 96 | console.log(e.currentTarget.dataset.index); 97 | this.setData({ 98 | curIndex: e.currentTarget.dataset.index?e.currentTarget.dataset.index: 0 99 | }) 100 | }, 101 | 102 | switchPlayerSort(e) { 103 | console.log(e.currentTarget.dataset.id) 104 | var id = e.currentTarget.dataset.id; 105 | // console.log(this.data.nbaPlayerRank.scoreRank); 106 | this.setData({ 107 | playerSortIndex: e.currentTarget.dataset.index?e.currentTarget.dataset.index: 0 108 | }) 109 | if(id == 81){ 110 | this.setData({ 111 | team:this.data.nbaPlayerRank.scoreRank, 112 | }) 113 | }else if (id == 82) { 114 | this.setData({ 115 | team:this.data.nbaPlayerRank.assistRank 116 | }) 117 | }else if (id == 83) { 118 | this.setData({ 119 | team:this.data.nbaPlayerRank.backboardRank 120 | }) 121 | }else if (id == 84) { 122 | this.setData({ 123 | team:this.data.nbaPlayerRank.stealRank 124 | }) 125 | }else if (id == 85) { 126 | this.setData({ 127 | team:this.data.nbaPlayerRank.blockRank 128 | }) 129 | } 130 | }, 131 | 132 | /** 133 | * 生命周期函数--监听页面加载 134 | */ 135 | onLoad: function (options) { 136 | let nbaPlayerRank = this.data.nbaPlayerRank; 137 | console.log(nbaPlayerRank["scoreRank"]); 138 | // console.log(app.globalData.nbaPlayerRank); 139 | wx.setNavigationBarTitle({ 140 | title: 'NBA' 141 | }); 142 | this.setData ({ 143 | nbaTeamRank: app.globalData.nbaTeamRank, 144 | nbaPlayerRank: app.globalData.nbaPlayerRank 145 | 146 | }) 147 | this.setData({ 148 | team:this.data.nbaPlayerRank.scoreRank 149 | }) 150 | 151 | }, 152 | 153 | /** 154 | * 生命周期函数--监听页面初次渲染完成 155 | */ 156 | onReady: function () { 157 | 158 | }, 159 | 160 | /** 161 | * 生命周期函数--监听页面显示 162 | */ 163 | onShow: function () { 164 | 165 | }, 166 | 167 | /** 168 | * 生命周期函数--监听页面隐藏 169 | */ 170 | onHide: function () { 171 | 172 | }, 173 | 174 | /** 175 | * 生命周期函数--监听页面卸载 176 | */ 177 | onUnload: function () { 178 | 179 | }, 180 | 181 | /** 182 | * 页面相关事件处理函数--监听用户下拉动作 183 | */ 184 | onPullDownRefresh: function () { 185 | 186 | }, 187 | 188 | /** 189 | * 页面上拉触底事件的处理函数 190 | */ 191 | onReachBottom: function () { 192 | 193 | }, 194 | 195 | /** 196 | * 用户点击右上角分享 197 | */ 198 | onShareAppMessage: function () { 199 | 200 | } 201 | }) -------------------------------------------------------------------------------- /pages/hot/hot.wxss: -------------------------------------------------------------------------------- 1 | html,body { 2 | margin: 0; 3 | background-color: #fff; 4 | } 5 | 6 | page { 7 | width: 100%; 8 | height: 100%; 9 | } 10 | 11 | .content { 12 | width: 100%; 13 | height: 100%; 14 | } 15 | 16 | .date-nav { 17 | width: 100%; 18 | height: 50px; 19 | color: #576b95; 20 | border-bottom: 1px solid #D6D7DC; 21 | background-color: #fff; 22 | font-size: 14px; 23 | line-height: 50px; 24 | box-sizing: border-box; 25 | } 26 | 27 | .icon-base { 28 | width: 50px; 29 | height: 40px; 30 | text-indent: -10000px; 31 | } 32 | 33 | .pre-day.disable { 34 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcdfX3dbX3Ba2E+MAAAACdFJOUwCAmytOGAAAADBJREFUGNNjYCASMDpAGWwToAwpGCMLKsW4EqZkCQVKEAy4FFwxXDvZiiage4cAAABouQ733DGGOgAAAABJRU5ErkJggg==); 35 | } 36 | 37 | .next-day.disable { 38 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcdfX3dbX3Ba2E+MAAAACdFJOUwCAmytOGAAAADBJREFUGNNjYCAKMDpAGWwTYIwlMKmVMEVZMEVSFCqCM+BScMUw7WQpgTse7h2CAABlyw737F65+gAAAABJRU5ErkJggg==); 39 | } 40 | 41 | .pre-day { 42 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcVdrlVdrlSQW+8sAAAACdFJOUwCAmytOGAAAADBJREFUGNNjYCASMDpAGWwToAwpGCMLKsW4EqZkCQVKEAy4FFwxXDvZiiage4cAAABouQ733DGGOgAAAABJRU5ErkJggg==) no-repeat; 43 | background-position: 15px 16px; 44 | background-size: 16px 16px; 45 | } 46 | 47 | .next-day { 48 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcVdrlVdrlSQW+8sAAAACdFJOUwCAmytOGAAAADBJREFUGNNjYCAKMDpAGWwTYIwlMKmVMEVZMEVSFCqCM+BScMUw7WQpgTse7h2CAABlyw737F65+gAAAABJRU5ErkJggg==) no-repeat; 49 | background-position: 20px 16px; 50 | background-size: 16px 16px; 51 | } 52 | 53 | .pre-day { 54 | position: absolute; 55 | z-index: 1; 56 | top: 0; 57 | left: 19%; 58 | } 59 | 60 | .cur-day { 61 | text-align: center; 62 | } 63 | 64 | .next-day { 65 | position: absolute; 66 | top: 0; 67 | right: 19%; 68 | } 69 | 70 | .calendar-icon { 71 | display: inline-block; 72 | width: 20px; 73 | height: 20px; 74 | margin-left: 12px; 75 | vertical-align: -5px; 76 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUxpcVlxllhrlldrlVhslllsmGlyp1drlldrlldrlVdrlVdsl1hsllhrlVdrlllrllhrlVdrlldrlQOfAVkAAAASdFJOUwAd4/dFMQmUqM+AbIFtu1i8WvkgXRYAAAC0SURBVHja1ZLJCoQwEAXbLcZd6/8/dsDLQ8ILA8McrIsEyrQ2FW8DnqcfxESFFKKhQhNiYHKjJ4YQPacTT/oQBzkMmSPEwujEkSXEzOrElfnx2ubE7TEscznxIofY718DKB49e4iJwYj3ikVLE4aGNkRHcmKiex7caF2i60tRn6UmHKpCTZSoCjVhRqsKNWFEVaEmXBWmCV+FmvBVqAmDqtCqCsolt1Rp1QRVuvgvGL4XX8QHUxQX0bgy8H4AAAAASUVORK5CYII=) no-repeat; 77 | background-size: 20px 20px; 78 | } 79 | 80 | .content { 81 | min-height: 350px; 82 | } 83 | 84 | .one-day { 85 | width: 100%; 86 | height: 800rpx; 87 | } 88 | 89 | 90 | 91 | .matchList { 92 | margin-top: 35rpx; 93 | } 94 | 95 | .matchList .gameDate { 96 | font-size: 25rpx; 97 | } 98 | 99 | .weui-cells { 100 | margin-top: 10rpx; 101 | } 102 | 103 | .weui-cell { 104 | border: 1px solid #fff; 105 | } 106 | 107 | .weui-cell__hd { 108 | width: 146rpx; 109 | overflow: hidden; 110 | } 111 | 112 | .weui-cell__hd text { 113 | display: block; 114 | } 115 | 116 | .weui-cell__hd text:nth-child(1) { 117 | margin-bottom: 15rpx; 118 | } 119 | 120 | .weui-cell__hd text:nth-child(1) { 121 | font-size: 24rpx; 122 | } 123 | 124 | .weui-cell__hd text:nth-child(2) { 125 | font-size: 20rpx; 126 | color: #898989; 127 | } 128 | 129 | .weui-cell__bd { 130 | margin-left: 30rpx; 131 | } 132 | 133 | .weui-cell__bd view { 134 | display: block; 135 | display: flex; 136 | align-items: center; 137 | } 138 | 139 | .weui-cell__bd view:nth-child(1) { 140 | margin-bottom: 10rpx; 141 | } 142 | 143 | .weui-cell__bd image { 144 | width: 50rpx; 145 | height: 50rpx; 146 | } 147 | 148 | .weui-cell__bd span { 149 | font-size: 28rpx; 150 | padding-left: 20rpx; 151 | } 152 | 153 | .weui-cell__ft { 154 | display: flex; 155 | align-items: center; 156 | } 157 | 158 | .weui-cell__ft .ft_left { 159 | margin-right: 50rpx; 160 | } 161 | 162 | .weui-cell__ft .gameScore { 163 | display: block; 164 | } 165 | 166 | .weui-cell__ft .scoreM{ 167 | margin-bottom: 10rpx; 168 | } 169 | 170 | .weui-cell__ft .gameLive view{ 171 | display: inline; 172 | display: flex; 173 | align-items: center; 174 | } 175 | 176 | .weui-cell__ft .gameLive .livePic{ 177 | width: 24rpx; 178 | height: 24rpx; 179 | margin-right: 5rpx; 180 | } 181 | 182 | .weui-cell__ft .gameLive span { 183 | font-size: 22rpx; 184 | } 185 | 186 | .noMatches { 187 | font-size: 32rpx; 188 | color: #9c9c9c; 189 | display: flex; 190 | justify-content: center; 191 | padding-top: 150rpx; 192 | } -------------------------------------------------------------------------------- /utils/wcScoreList.js: -------------------------------------------------------------------------------- 1 | export default { 2 | wcScoreList: [ 3 | { 4 | groupName: 'A组', 5 | groupMatches: [ 6 | { 7 | teamNum: '1', 8 | teamPic: 'http://mat1.gtimg.com/2018/images/team/536.png', 9 | teamName: '俄罗斯', 10 | v_s: '0', 11 | d_s: '0', 12 | f_s: '0', 13 | goal_fumble: '0/0', 14 | score: '0' 15 | }, 16 | { 17 | teamNum: '2', 18 | teamPic: 'http://mat1.gtimg.com/2018/images/team/1264.png', 19 | teamName: '沙特', 20 | v_s: '0', 21 | d_s: '0', 22 | f_s: '0', 23 | goal_fumble: '0/0', 24 | score: '0' 25 | }, 26 | { 27 | teamNum: '3', 28 | teamPic: 'http://mat1.gtimg.com/2018/images/team/1225.png', 29 | teamName: '埃及', 30 | v_s: '0', 31 | d_s: '0', 32 | f_s: '0', 33 | goal_fumble: '0/0', 34 | score: '0' 35 | }, 36 | { 37 | teamNum: '4', 38 | teamPic: 'http://mat1.gtimg.com/2018/images/team/837.png', 39 | teamName: '乌拉圭', 40 | v_s: '0', 41 | d_s: '0', 42 | f_s: '0', 43 | goal_fumble: '0/0', 44 | score: '0' 45 | } 46 | ] 47 | }, 48 | { 49 | groupName: 'B组', 50 | groupMatches: [ 51 | { 52 | teamNum: '1', 53 | teamPic: 'http://mat1.gtimg.com/2018/images/team/359.png', 54 | teamName: '葡萄牙', 55 | v_s: '0', 56 | d_s: '0', 57 | f_s: '0', 58 | goal_fumble: '0/0', 59 | score: '0' 60 | }, 61 | { 62 | teamNum: '2', 63 | teamPic: 'http://mat1.gtimg.com/2018/images/team/118.png', 64 | teamName: '西班牙', 65 | v_s: '0', 66 | d_s: '0', 67 | f_s: '0', 68 | goal_fumble: '0/0', 69 | score: '0' 70 | }, 71 | { 72 | teamNum: '3', 73 | teamPic: 'http://mat1.gtimg.com/2018/images/team/1057.png', 74 | teamName: '摩洛哥', 75 | v_s: '0', 76 | d_s: '0', 77 | f_s: '0', 78 | goal_fumble: '0/0', 79 | score: '0' 80 | }, 81 | { 82 | teamNum: '4', 83 | teamPic: 'http://mat1.gtimg.com/2018/images/team/1042.png', 84 | teamName: '伊朗', 85 | v_s: '0', 86 | d_s: '0', 87 | f_s: '0', 88 | goal_fumble: '0/0', 89 | score: '0' 90 | } 91 | ] 92 | }, 93 | { 94 | groupName: 'C组', 95 | groupMatches: [ 96 | { 97 | teamNum: '1', 98 | teamPic: 'http://mat1.gtimg.com/2018/images/team/368.png', 99 | teamName: '法国', 100 | v_s: '0', 101 | d_s: '0', 102 | f_s: '0', 103 | goal_fumble: '0/0', 104 | score: '0' 105 | }, 106 | { 107 | teamNum: '2', 108 | teamPic: 'http://mat1.gtimg.com/2018/images/team/575.png', 109 | teamName: '澳大利亚', 110 | v_s: '0', 111 | d_s: '0', 112 | f_s: '0', 113 | goal_fumble: '0/0', 114 | score: '0' 115 | }, 116 | { 117 | teamNum: '3', 118 | teamPic: 'http://mat1.gtimg.com/2018/images/team/834.png', 119 | teamName: '秘鲁', 120 | v_s: '0', 121 | d_s: '0', 122 | f_s: '0', 123 | goal_fumble: '0/0', 124 | score: '0' 125 | }, 126 | { 127 | teamNum: '4', 128 | teamPic: 'http://mat1.gtimg.com/2018/images/team/369.png', 129 | teamName: '丹麦', 130 | v_s: '0', 131 | d_s: '0', 132 | f_s: '0', 133 | goal_fumble: '0/0', 134 | score: '0' 135 | } 136 | ] 137 | } 138 | ] 139 | } -------------------------------------------------------------------------------- /pages/wcMatches/wcMatches.wxss: -------------------------------------------------------------------------------- 1 | /* pages/wcMatches/wcMatches.wxss */ 2 | .container { 3 | width: 100%; 4 | height: 100vh; 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | background-color: #f3f3f7; 9 | } 10 | 11 | page { 12 | background-color: #f3f3f7; 13 | } 14 | 15 | .header_bar { 16 | position: fixed; 17 | top: 0; 18 | left: 0; 19 | width: 100%; 20 | /* padding: 0 56rpx; */ 21 | height: 84rpx; 22 | background-color: #fff; 23 | display: flex; 24 | justify-content: space-between; 25 | align-items: center; 26 | font-size: 35rpx; 27 | color: #666; 28 | border-bottom: 1px solid #e5e5e5; 29 | } 30 | 31 | .header_bar span { 32 | padding: 0 50rpx; 33 | } 34 | 35 | .wc_bd { 36 | margin-top: 84rpx; 37 | overflow: hidden; 38 | } 39 | 40 | .barOn { 41 | color: #2d73ff; 42 | } 43 | 44 | .sortBarOn { 45 | color: #fff; 46 | } 47 | 48 | /* .gameOrder { 49 | margin-top: 35rpx; 50 | } */ 51 | 52 | .wcMatches { 53 | margin-bottom: 90rpx; 54 | } 55 | 56 | .SortSwitchBar { 57 | background-color: #2d73ff; 58 | color: #fff; 59 | position: fixed; 60 | height: 70rpx; 61 | width: 396rpx; 62 | bottom: 32rpx; 63 | /* left: 50%; 64 | margin-right: 50%; */ 65 | /* margin-left: 198rpx; */ 66 | left: 50%; 67 | transform: translateX(-50%); 68 | z-index: 1; 69 | display: flex; 70 | align-items: center; 71 | justify-content: space-between; 72 | padding: 0 65rpx; 73 | border-radius: 35rpx; 74 | color: #abceff; 75 | text-align: center; 76 | } 77 | 78 | .groupMatch_hd { 79 | background-color: #f3f3f7; 80 | font-size: 26rpx; 81 | padding: 0 40rpx; 82 | height: 74rpx; 83 | line-height: 74rpx; 84 | } 85 | 86 | .groupMatch_bd { 87 | background-color: #fff; 88 | 89 | } 90 | 91 | .groupMatch_bd view { 92 | line-height: 139rpx; 93 | text-align: center; 94 | height: 139rpx; 95 | margin: 0 30rpx; 96 | font-size: 35rpx; 97 | color: #abceff; 98 | border-bottom: 1px solid #ccc; 99 | } 100 | 101 | 102 | .SortSwitchBar span { 103 | font-size: 30rpx; 104 | } 105 | 106 | .gameOrder .gameDate { 107 | font-size: 25rpx; 108 | } 109 | 110 | .weui-cells { 111 | margin-top: 10rpx; 112 | } 113 | 114 | .weui-cell { 115 | border: 1px solid #fff; 116 | } 117 | 118 | .weui-cell__hd { 119 | text-align: center; 120 | } 121 | 122 | .weui-cell__hd text { 123 | display: block; 124 | } 125 | 126 | .weui-cell__hd text:nth-child(1) { 127 | margin-bottom: 15rpx; 128 | } 129 | 130 | .weui-cell__hd text:nth-child(1) { 131 | font-size: 24rpx; 132 | } 133 | 134 | .weui-cell__hd text:nth-child(2) { 135 | font-size: 20rpx; 136 | color: #898989; 137 | } 138 | 139 | .weui-cell__bd { 140 | margin-left: 50rpx; 141 | } 142 | 143 | .weui-cell__bd view { 144 | display: block; 145 | display: flex; 146 | align-items: center; 147 | } 148 | 149 | .weui-cell__bd view:nth-child(1) { 150 | margin-bottom: 10rpx; 151 | } 152 | 153 | .weui-cell__bd image { 154 | width: 50rpx; 155 | height: 50rpx; 156 | } 157 | 158 | .weui-cell__bd span { 159 | font-size: 28rpx; 160 | padding-left: 20rpx; 161 | } 162 | 163 | .weui-cell__ft { 164 | display: flex; 165 | align-items: center; 166 | } 167 | 168 | .weui-cell__ft .ft_left { 169 | margin-right: 50rpx; 170 | } 171 | 172 | .weui-cell__ft .gameScore { 173 | display: block; 174 | } 175 | 176 | .weui-cell__ft .scoreM{ 177 | margin-bottom: 10rpx; 178 | } 179 | 180 | .weui-cell__ft .gameLive view{ 181 | display: inline; 182 | display: flex; 183 | align-items: center; 184 | } 185 | 186 | .weui-cell__ft .gameLive .livePic{ 187 | width: 24rpx; 188 | height: 24rpx; 189 | margin-right: 5rpx; 190 | } 191 | 192 | .weui-cell__ft .gameLive span { 193 | font-size: 22rpx; 194 | } 195 | 196 | .groupBox { 197 | margin-top: 22rpx; 198 | overflow: hidden; 199 | } 200 | 201 | .groupBox:nth-child(1) { 202 | margin-top: 0; 203 | } 204 | 205 | .group_hd { 206 | height: 63rpx; 207 | display: flex; 208 | align-items: center; 209 | justify-content: space-between; 210 | padding-left: 35rpx; 211 | padding-right: 20rpx; 212 | font-size: 24rpx; 213 | background: #fff; 214 | border-bottom: 1px solid #e5e5e5; 215 | } 216 | 217 | .scoreInfo, .teamScore { 218 | width: 374rpx; 219 | display: flex; 220 | align-items: center; 221 | justify-content: space-between; 222 | color: #969ba3; 223 | } 224 | 225 | .teamScore { 226 | color: #000; 227 | font-size: 26rpx; 228 | } 229 | 230 | .group_bd { 231 | background-color: #fff; 232 | } 233 | 234 | .groupScoreBox { 235 | height: 100rpx; 236 | background-color: #fff; 237 | display: flex; 238 | align-items: center; 239 | justify-content: space-between; 240 | margin-left: 26rpx; 241 | margin-right: 20rpx; 242 | border-bottom: 1px solid #e5e5e5; 243 | } 244 | 245 | .teamInfo { 246 | display: flex; 247 | align-items: center; 248 | justify-content: space-between; 249 | } 250 | 251 | .teamInfo .teamNum { 252 | font-size: 24rpx; 253 | color: #969ba3; 254 | padding-left: 10rpx; 255 | } 256 | 257 | .teamInfo .teamName { 258 | font-size: 30rpx; 259 | } 260 | 261 | .group_bd image { 262 | width: 40rpx; 263 | height: 40rpx; 264 | margin: 0 20rpx 0 25rpx; 265 | } 266 | 267 | .teamScore span:nth-child(5) { 268 | padding-right: 20rpx; 269 | width: 30rpx; 270 | text-align: right; 271 | } 272 | 273 | .eliminate { 274 | width: 100%; 275 | height: 100vh; 276 | background-color: #f9f9f9; 277 | } 278 | 279 | .eliminate image { 280 | width: 100%; 281 | height: 1000rpx; 282 | padding-top: 30rpx; 283 | } 284 | 285 | .shooter { 286 | height: 700rpx; 287 | display: flex; 288 | align-items: center; 289 | justify-content: center; 290 | font-size: 30rpx; 291 | color: #abceff; 292 | } -------------------------------------------------------------------------------- /pages/nbaMatches/nbaMatches.wxss: -------------------------------------------------------------------------------- 1 | /* pages/nbaMatches/nbaMatches.wxss */ 2 | page { 3 | background-color: #f3f3f7; 4 | } 5 | .container { 6 | width: 100%; 7 | height: 100vh; 8 | box-sizing: border-box; 9 | display: flex; 10 | flex-direction: column; 11 | } 12 | 13 | .info_bd { 14 | flex:1; 15 | } 16 | 17 | swiper { 18 | height: 100%; 19 | } 20 | 21 | .info_hd { 22 | height: 86rpx; 23 | display: flex; 24 | align-items: center; 25 | justify-content: space-between; 26 | padding: 0 65rpx; 27 | background-color: #0061b8; 28 | box-sizing: border-box; 29 | 30 | } 31 | 32 | .info_hd .nbaSort { 33 | font-size: 26rpx; 34 | color: #fff; 35 | line-height: 48px; 36 | width: 100rpx; 37 | text-align: center; 38 | box-sizing: border-box; 39 | } 40 | 41 | .headerMenu { 42 | height: 100%; 43 | } 44 | 45 | .on { 46 | position: relative; 47 | } 48 | 49 | .on:after { 50 | content: ""; 51 | position: absolute; 52 | bottom: 0; 53 | background: #fff; 54 | width: 100rpx; 55 | height: 6rpx; 56 | } 57 | 58 | .gameOrder { 59 | margin-top: 30rpx; 60 | } 61 | 62 | .gameOrder .gameDate { 63 | font-size: 25rpx; 64 | padding-left: 25rpx; 65 | } 66 | 67 | .weui-cells { 68 | margin-top: 10rpx; 69 | } 70 | 71 | .weui-cell { 72 | border: 1px solid #fff; 73 | } 74 | 75 | .weui-cell__hd { 76 | text-align: center; 77 | } 78 | 79 | .weui-cell__hd text { 80 | display: block; 81 | } 82 | 83 | .weui-cell__hd text:nth-child(1) { 84 | margin-bottom: 15rpx; 85 | } 86 | 87 | .weui-cell__hd text:nth-child(1) { 88 | font-size: 24rpx; 89 | } 90 | 91 | .weui-cell__hd text:nth-child(2) { 92 | font-size: 20rpx; 93 | color: #898989; 94 | } 95 | 96 | .weui-cell__bd { 97 | margin-left: 50rpx; 98 | } 99 | 100 | .weui-cell__bd view { 101 | display: block; 102 | display: flex; 103 | align-items: center; 104 | } 105 | 106 | .weui-cell__bd view:nth-child(1) { 107 | margin-bottom: 10rpx; 108 | } 109 | 110 | .weui-cell__bd image { 111 | width: 50rpx; 112 | height: 50rpx; 113 | } 114 | 115 | .weui-cell__bd span { 116 | font-size: 28rpx; 117 | padding-left: 20rpx; 118 | } 119 | 120 | .weui-cell__ft { 121 | display: flex; 122 | align-items: center; 123 | } 124 | 125 | .weui-cell__ft .ft_left { 126 | margin-right: 50rpx; 127 | } 128 | 129 | .weui-cell__ft .gameScore { 130 | display: block; 131 | } 132 | 133 | .weui-cell__ft .scoreM{ 134 | margin-bottom: 10rpx; 135 | } 136 | 137 | .weui-cell__ft .gameLive view{ 138 | display: inline; 139 | display: flex; 140 | align-items: center; 141 | } 142 | 143 | .weui-cell__ft .gameLive .livePic{ 144 | width: 24rpx; 145 | height: 24rpx; 146 | margin-right: 5rpx; 147 | } 148 | 149 | .weui-cell__ft .gameLive span { 150 | font-size: 22rpx; 151 | } 152 | 153 | 154 | 155 | .rankItem, .teamInfo { 156 | width: 306rpx; 157 | display: flex; 158 | align-items: center; 159 | justify-content: space-between; 160 | padding-right: 10rpx; 161 | } 162 | 163 | .nbaRankBox { 164 | display: flex; 165 | flex-direction: column; 166 | } 167 | 168 | .rank_hd { 169 | height: 66rpx; 170 | display: flex; 171 | justify-content: space-between; 172 | align-items: center; 173 | font-size: 22rpx; 174 | color: #898989; 175 | background-color: #f3f3f7; 176 | padding: 0 35rpx; 177 | /* margin: 33rpx 0; */ 178 | } 179 | 180 | .rank_bd { 181 | flex:1; 182 | background: #fff; 183 | } 184 | 185 | .rank_bd .rank_info { 186 | height: 90rpx; 187 | border-top: 1px solid #ccc; 188 | padding: 0 25rpx; 189 | display: flex; 190 | align-items: center; 191 | justify-content: space-between; 192 | } 193 | 194 | .rank_bd .rankTeam { 195 | display: flex; 196 | align-items: center; 197 | } 198 | 199 | .rank_bd .rankTeam .teamPic { 200 | width: 45rpx; 201 | height: 45rpx; 202 | margin-left: 15rpx; 203 | } 204 | 205 | .rankNum { 206 | font-size: 24rpx; 207 | width: 30rpx; 208 | text-align: center; 209 | } 210 | 211 | .rank_bd .teamName { 212 | font-size: 28rpx; 213 | margin-left: 15rpx; 214 | } 215 | 216 | .teamInfo { 217 | font-size: 24rpx; 218 | margin-right: 20rpx; 219 | } 220 | 221 | .teamInfo text:nth-child(3) { 222 | width: 30rpx; 223 | text-align: center; 224 | } 225 | 226 | .player_hd { 227 | width: 100%; 228 | height: 85rpx; 229 | background-color: #0061b8; 230 | border: 1px solid #244ac0; 231 | color: #adbef3; 232 | font-size: 24rpx; 233 | /* padding: 0 40rpx; */ 234 | display: flex; 235 | align-items: center; 236 | justify-content: space-between; 237 | /* margin-top: 90rpx; */ 238 | } 239 | 240 | .sortRank { 241 | margin: 0 35rpx; 242 | } 243 | 244 | /* .rankTest { 245 | display: flex; 246 | flex-direction: column; 247 | } */ 248 | 249 | .player_hd .ps_on { 250 | color: #fff; 251 | } 252 | 253 | /* player_bd { 254 | flex: 1; 255 | } */ 256 | 257 | .playerRank { 258 | height: 105rpx; 259 | display: flex; 260 | border-bottom: 1px solid #ccc; 261 | align-items: center; 262 | justify-content: space-between; 263 | background-color: #fff; 264 | } 265 | 266 | .playerRank .playerPic { 267 | width: 70rpx; 268 | height: 60rpx; 269 | border-radius: 50%; 270 | margin-left: 25rpx; 271 | } 272 | 273 | .playerRank .rank_hd { 274 | height: 104rpx; 275 | background-color: #fff; 276 | } 277 | 278 | .rankNum_red { 279 | color: red; 280 | } 281 | 282 | .rank_hd .playerInfo { 283 | display:flex; 284 | flex-direction: column; 285 | justify-content: center; 286 | margin-left: 15rpx; 287 | } 288 | 289 | .playerInfo text:nth-child(1) { 290 | font-size: 28rpx; 291 | color: #000; 292 | } 293 | 294 | .playerInfo text:nth-child(2) { 295 | 296 | } 297 | 298 | .rank_bd .rankScore { 299 | float: right; 300 | padding-right: 30rpx; 301 | font-size: 30rpx; 302 | font-weight: bold; 303 | } 304 | 305 | 306 | 307 | 308 | -------------------------------------------------------------------------------- /pages/game/game.js: -------------------------------------------------------------------------------- 1 | // pages/game/game.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | bbSortList: [ 9 | { 10 | id: '1', 11 | bbPic:'../../images/NBA.png', 12 | bbName: 'NBA', 13 | navigationUrl: '/pages/nbaMatches/nbaMatches' 14 | }, 15 | { 16 | id: '2', 17 | bbPic:'../../images/bbother.png', 18 | bbName: '篮球其他', 19 | navigationUrl: '/pages/nbaMatches/nbaMatches' 20 | }, 21 | { 22 | id: '3', 23 | bbPic:'../../images/CBA.png', 24 | bbName: 'CBA', 25 | navigationUrl: '/pages/nbaMatches/nbaMatches' 26 | }, 27 | { 28 | id: '4', 29 | bbPic:'../../images/NCAA.png', 30 | bbName: 'NCAA', 31 | navigationUrl: '/pages/nbaMatches/nbaMatches' 32 | }, 33 | ], 34 | fbSortList: [ 35 | { 36 | id: '11', 37 | bbPic:'../../images/shijiebei.png', 38 | bbName: '世界杯', 39 | navigationUrl: '/pages/nbaMatches/nbaMatches' 40 | }, 41 | { 42 | id: '12', 43 | bbPic:'../../images/zhongchao.png', 44 | bbName: '中超', 45 | navigationUrl: '/pages/nbaMatches/nbaMatches' 46 | }, 47 | { 48 | id: '13', 49 | bbPic:'../../images/yaguan.png', 50 | bbName: '亚冠', 51 | navigationUrl: '/pages/nbaMatches/nbaMatches' 52 | }, 53 | { 54 | id: '14', 55 | bbPic:'../../images/ouguan.png', 56 | bbName: '欧冠', 57 | navigationUrl: '/pages/nbaMatches/nbaMatches' 58 | }, 59 | { 60 | id: '15', 61 | bbPic:'../../images/yingchao.png', 62 | bbName: '英超', 63 | navigationUrl: '/pages/nbaMatches/nbaMatches' 64 | }, 65 | { 66 | id: '16', 67 | bbPic:'../../images/yijia.png', 68 | bbName: '意甲', 69 | navigationUrl: '/pages/nbaMatches/nbaMatches' 70 | }, 71 | { 72 | id: '17', 73 | bbPic:'../../images/xijia.png', 74 | bbName: '西甲', 75 | navigationUrl: '/pages/nbaMatches/nbaMatches' 76 | }, 77 | { 78 | id: '18', 79 | bbPic:'../../images/oulianbei.png', 80 | bbName: '欧联杯', 81 | navigationUrl: '/pages/nbaMatches/nbaMatches' 82 | },{ 83 | id: '19', 84 | bbPic:'../../images/dejia.png', 85 | bbName: '德甲', 86 | navigationUrl: '/pages/nbaMatches/nbaMatches' 87 | }, 88 | { 89 | id: '20', 90 | bbPic:'../../images/fajia.png', 91 | bbName: '法甲', 92 | navigationUrl: '/pages/nbaMatches/nbaMatches' 93 | }, 94 | { 95 | id: '21', 96 | bbPic:'../../images/suchao.png', 97 | bbName: '苏超', 98 | navigationUrl: '/pages/nbaMatches/nbaMatches' 99 | }, 100 | { 101 | id: '22', 102 | bbPic:'../../images/echao.png', 103 | bbName: '俄超', 104 | navigationUrl: '/pages/nbaMatches/nbaMatches' 105 | },{ 106 | id: '23', 107 | bbPic:'../../images/hejia.png', 108 | bbName: '荷甲', 109 | navigationUrl: '/pages/nbaMatches/nbaMatches' 110 | }, 111 | { 112 | id: '24', 113 | bbPic:'../../images/puchao.png', 114 | bbName: '葡超', 115 | navigationUrl: '/pages/nbaMatches/nbaMatches' 116 | }, 117 | { 118 | id: '25', 119 | bbPic:'../../images/tuchao.png', 120 | bbName: '土超', 121 | navigationUrl: '/pages/nbaMatches/nbaMatches' 122 | }, 123 | { 124 | id: '26', 125 | bbPic:'../../images/aochao.png', 126 | bbName: '澳超', 127 | navigationUrl: '/pages/nbaMatches/nbaMatches' 128 | }, 129 | { 130 | id: '27', 131 | bbPic:'../../images/ftother.png', 132 | bbName: '足球其他', 133 | navigationUrl: '/pages/nbaMatches/nbaMatches' 134 | }, 135 | { 136 | id: '28', 137 | bbPic:'../../images/cfacup.png', 138 | bbName: '足协杯', 139 | navigationUrl: '/pages/nbaMatches/nbaMatches' 140 | } 141 | ], 142 | otherList: [ 143 | { 144 | id: '31', 145 | bbPic:'../../images/143646851.png', 146 | bbName: '法网', 147 | navigationUrl: '/pages/nbaMatches/nbaMatches' 148 | }, 149 | { 150 | id: '32', 151 | bbPic:'../../images/NHL.png', 152 | bbName: 'NHL', 153 | navigationUrl: '/pages/nbaMatches/nbaMatches' 154 | }, 155 | { 156 | id: '33', 157 | bbPic:'../../images/esports.png', 158 | bbName: '电竞', 159 | navigationUrl: '/pages/nbaMatches/nbaMatches' 160 | }, 161 | { 162 | id: '34', 163 | bbPic:'../../images/147359734.png', 164 | bbName: 'F1', 165 | navigationUrl: '/pages/nbaMatches/nbaMatches' 166 | }, 167 | { 168 | id: '35', 169 | bbPic:'../../images/NFL.png', 170 | bbName: 'NFL', 171 | navigationUrl: '/pages/nbaMatches/nbaMatches' 172 | }, 173 | { 174 | id: '36', 175 | bbPic:'../../images/zonghe.png', 176 | bbName: '综合', 177 | navigationUrl: '/pages/nbaMatches/nbaMatches' 178 | } 179 | ] 180 | }, 181 | 182 | /** 183 | * 生命周期函数--监听页面加载 184 | */ 185 | onLoad: function (options) { 186 | 187 | }, 188 | 189 | /** 190 | * 生命周期函数--监听页面初次渲染完成 191 | */ 192 | onReady: function () { 193 | 194 | }, 195 | 196 | /** 197 | * 生命周期函数--监听页面显示 198 | */ 199 | onShow: function () { 200 | 201 | }, 202 | 203 | /** 204 | * 生命周期函数--监听页面隐藏 205 | */ 206 | onHide: function () { 207 | 208 | }, 209 | 210 | /** 211 | * 生命周期函数--监听页面卸载 212 | */ 213 | onUnload: function () { 214 | 215 | }, 216 | 217 | /** 218 | * 页面相关事件处理函数--监听用户下拉动作 219 | */ 220 | onPullDownRefresh: function () { 221 | 222 | }, 223 | 224 | /** 225 | * 页面上拉触底事件的处理函数 226 | */ 227 | onReachBottom: function () { 228 | 229 | }, 230 | 231 | /** 232 | * 用户点击右上角分享 233 | */ 234 | onShareAppMessage: function () { 235 | 236 | } 237 | }) -------------------------------------------------------------------------------- /utils/wcMatchesList.js: -------------------------------------------------------------------------------- 1 | export default { 2 | wcMatchesList: [ 3 | { 4 | gameDate: '6月14日 周四', 5 | gameList:[ 6 | { 7 | id: '51', 8 | gameTime: '23:00', 9 | gameName: '世界杯A组第1轮', 10 | team_1: '俄罗斯', 11 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/536.png', 12 | team_1_score: 0, 13 | team_2: '沙特', 14 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/1264.png', 15 | team_2_score: 0, 16 | gameLive: true, 17 | isStart: false, 18 | navigateUrl: '/pages/matchDetail/matchDetail?id' 19 | } 20 | ] 21 | }, 22 | { 23 | gameDate: '6月15日 周五', 24 | gameList: [ 25 | { 26 | id: '52', 27 | gameTime: '20:00', 28 | gameName: '世界杯A组第1轮', 29 | team_1: '埃及', 30 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/1225.png', 31 | team_1_score: 0, 32 | team_2: '乌拉圭', 33 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/837.png', 34 | team_2_score: 0, 35 | gameLive: true, 36 | isStart: false, 37 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 38 | }, 39 | { 40 | id: '53', 41 | gameTime: '23:00', 42 | gameName: '世界杯B组第1轮', 43 | team_1: '摩洛哥', 44 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/1057.png', 45 | team_1_score: 0, 46 | team_2: '伊朗', 47 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/1042.png', 48 | team_2_score: 0, 49 | gameLive: true, 50 | isStart: false, 51 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 52 | } 53 | ] 54 | }, 55 | { 56 | gameDate: '6月16日 周六', 57 | gameList: [ 58 | { 59 | id: '54', 60 | gameTime: '02:00', 61 | gameName: '世界杯B组第1轮', 62 | team_1: '葡萄牙', 63 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/359.png', 64 | team_1_score: 0, 65 | team_2: '西班牙', 66 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/118.png', 67 | team_2_score: 0, 68 | gameLive: true, 69 | isStart: false, 70 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 71 | }, 72 | { 73 | id: '55', 74 | gameTime: '18:00', 75 | gameName: '世界杯C组第1轮', 76 | team_1: '法国', 77 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/368.png', 78 | team_1_score: 0, 79 | team_2: '澳大利亚', 80 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/575.png', 81 | team_2_score: 0, 82 | gameLive: true, 83 | isStart: false, 84 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 85 | }, 86 | { 87 | id: '56', 88 | gameTime: '21:00', 89 | gameName: '世界杯D组第1轮', 90 | team_1: '阿根廷', 91 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/632.png', 92 | team_1_score: 0, 93 | team_2: '冰岛', 94 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/503.png', 95 | team_2_score: 0, 96 | gameLive: true, 97 | isStart: false, 98 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 99 | } 100 | ] 101 | }, 102 | { 103 | gameDate: '6月17日 周日', 104 | gameList: [ 105 | { 106 | id: '57', 107 | gameTime: '00:00', 108 | gameName: '世界杯C组第1轮', 109 | team_1: '秘鲁', 110 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/834.png', 111 | team_1_score: 0, 112 | team_2: '丹麦', 113 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/369.png', 114 | team_2_score: 0, 115 | gameLive: true, 116 | isStart: false, 117 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 118 | }, 119 | { 120 | id: '58', 121 | gameTime: '03:00', 122 | gameName: '世界杯D组第1轮', 123 | team_1: '克罗地亚', 124 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/535.png', 125 | team_1_score: 0, 126 | team_2: '尼日利亚', 127 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/1216.png', 128 | team_2_score: 0, 129 | gameLive: true, 130 | isStart: false, 131 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 132 | }, 133 | { 134 | id: '59', 135 | gameTime: '20:00', 136 | gameName: '世界杯E组第1轮', 137 | team_1: '哥斯达黎加', 138 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/838.png', 139 | team_1_score: 0, 140 | team_2: '塞尔维亚', 141 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/364.png', 142 | team_2_score: 0, 143 | gameLive: true, 144 | isStart: false, 145 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 146 | }, 147 | { 148 | id: '60', 149 | gameTime: '23:00', 150 | gameName: '世界杯F组第1轮', 151 | team_1: '德国', 152 | team_1_pic: 'http://mat1.gtimg.com/2018/images/team/357.png', 153 | team_1_score: 0, 154 | team_2: '墨西哥', 155 | team_2_pic: 'http://mat1.gtimg.com/2018/images/team/659.png', 156 | team_2_score: 0, 157 | gameLive: true, 158 | isStart: false, 159 | navigateUrl: '/pages/matchDetail/matchDetail?id={{item.id}}' 160 | } 161 | ] 162 | } 163 | ] 164 | } -------------------------------------------------------------------------------- /pages/wcMatches/wcMatches.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 赛程 5 | 积分 6 | 淘汰赛 7 | 射手 8 | 9 | 10 | 11 | 12 | 全部 13 | 小组 14 | 淘汰 15 | 16 | 17 | 18 | {{item.gameDate}} 19 | 20 | 21 | 22 | {{item.gameTime}} 23 | {{item.gameName}} 24 | 25 | 26 | 27 | {{item.team_1}} 28 | 29 | 30 | {{item.team_2}} 31 | 32 | 33 | 34 | 35 | 36 | {{item.team_1_score}} 37 | {{item.team_2_score}} 38 | 39 | 40 | - 41 | - 42 | 43 | 44 | 45 | 46 | 47 | 48 | {{vLive_text}} 49 | 50 | 51 | 52 | {{pLive_text}} 53 | 54 | 55 | 56 | 未开始 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | A组赛程 66 | 67 | 小组赛程 68 | 69 | 70 | 71 | 6月30日 周六 72 | 73 | 淘汰赛 74 | 75 | 7月1日 周日 76 | 77 | 淘汰赛 78 | 79 | 7月2日 周一 80 | 81 | 淘汰赛 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | {{item.groupName}} 91 | 92 | 胜 93 | 平 94 | 负 95 | 进/失 96 | 积分 97 | 98 | 99 | 100 | 101 | 102 | {{groupMatch.teamNum}}. 103 | 104 | {{groupMatch.teamName}} 105 | 106 | 107 | {{groupMatch.v_s}} 108 | {{groupMatch.d_s}} 109 | {{groupMatch.f_s}} 110 | {{groupMatch.goal_fumble}} 111 | {{groupMatch.score}} 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 暂无信息 123 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /pages/nbaMatches/nbaMatches.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | {{item.nbaSort}} 9 | 10 | 11 | 12 | 13 | 14 | 15 | {{item.gameDate}} 16 | 17 | 18 | 19 | {{item.gameTime}} 20 | {{item.gameName}} 21 | 22 | 23 | 24 | {{item.team_1}} 25 | 26 | 27 | {{item.team_2}} 28 | 29 | 30 | 31 | 32 | 33 | {{item.team_1_score}} 34 | {{item.team_2_score}} 35 | 36 | 37 | - 38 | - 39 | 40 | 41 | 42 | 43 | 44 | 45 | {{vLive_text}} 46 | 47 | 48 | 49 | {{pLive_text}} 50 | 51 | 52 | 53 | 未开始 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 西部联盟 67 | 68 | 胜-负 69 | 胜率 70 | 胜差 71 | 72 | 73 | 74 | 75 | 76 | {{westRank.rankNum}} 77 | 78 | {{westRank.teamName}} 79 | 80 | 81 | {{westRank.v_f}} 82 | {{westRank.v_rate}} 83 | {{westRank.v_margin}} 84 | 85 | 86 | 87 | 88 | 89 | 90 | 东部联盟 91 | 92 | 胜-负 93 | 胜率 94 | 胜差 95 | 96 | 97 | 98 | 99 | 100 | {{eastRank.rankNum}} 101 | 102 | {{eastRank.teamName}} 103 | 104 | 105 | {{eastRank.v_f}} 106 | {{eastRank.v_rate}} 107 | {{eastRank.v_margin}} 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 121 | {{item.playerSort}} 122 | 123 | 124 | 125 | 126 | 127 | {{item.rankNum}} 128 | 129 | 130 | {{item.playerName}} 131 | {{item.team}} 132 | 133 | 134 | 135 | {{item.score}} 136 | 137 | 138 | 139 | 140 | 141 | 142 | -------------------------------------------------------------------------------- /utils/nbaTeamRank.js: -------------------------------------------------------------------------------- 1 | export default { 2 | nbaTeamRank: 3 | { 4 | westRank: [ 5 | { 6 | rankNum: 1, 7 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/10.png', 8 | teamName: '火箭', 9 | v_f: '65-17', 10 | v_rate: '79%', 11 | v_margin: '0' 12 | }, 13 | { 14 | rankNum: 2, 15 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/black/9.png', 16 | teamName: '勇士', 17 | v_f: '58-24', 18 | v_rate: '70%', 19 | v_margin: '7' 20 | }, 21 | { 22 | rankNum: 3, 23 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/new/22.png', 24 | teamName: '开拓者', 25 | v_f: '49-33', 26 | v_rate: '59%', 27 | v_margin: '16' 28 | }, 29 | { 30 | rankNum: 4, 31 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/25.png', 32 | teamName: '雷霆', 33 | v_f: '48-34', 34 | v_rate: '58%', 35 | v_margin: '17' 36 | }, 37 | { 38 | rankNum: 5, 39 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/26.png', 40 | teamName: '爵士', 41 | v_f: '48-34', 42 | v_rate: '58%', 43 | v_margin: '17' 44 | }, 45 | { 46 | rankNum: 6, 47 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/3.png', 48 | teamName: '鹈鹕', 49 | v_f: '48-34', 50 | v_rate: '58%', 51 | v_margin: '17' 52 | }, 53 | { 54 | rankNum: 7, 55 | teamPic: 'http://img1.gtimg.com/sports/pics/hv1/231/116/2220/144385311.png', 56 | teamName: '马刺', 57 | v_f: '47-35', 58 | v_rate: '57%', 59 | v_margin: '18' 60 | }, 61 | { 62 | rankNum: 8, 63 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/new/16.png', 64 | teamName: '森林狼', 65 | v_f: '47-35', 66 | v_rate: '57%', 67 | v_margin: '18' 68 | }, 69 | { 70 | rankNum: 9, 71 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/7.png', 72 | teamName: '掘金', 73 | v_f: '46-36', 74 | v_rate: '56%', 75 | v_margin: '19' 76 | }, 77 | { 78 | rankNum: 10, 79 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/1201.png', 80 | teamName: '快船', 81 | v_f: '42-40', 82 | v_rate: '51%', 83 | v_margin: '23' 84 | }, 85 | { 86 | rankNum: 11, 87 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/13.png', 88 | teamName: '湖人', 89 | v_f: '35-47', 90 | v_rate: '42%', 91 | v_margin: '30' 92 | }, 93 | { 94 | rankNum: 12, 95 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/23.png', 96 | teamName: '国王', 97 | v_f: '27-55', 98 | v_rate: '32%', 99 | v_margin: '38' 100 | }, 101 | { 102 | rankNum: 13, 103 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/6.png', 104 | teamName: '独行侠', 105 | v_f: '24-58', 106 | v_rate: '29%', 107 | v_margin: '41' 108 | }, 109 | { 110 | rankNum: 14, 111 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/29.png', 112 | teamName: '灰熊', 113 | v_f: '22-60', 114 | v_rate: '26%', 115 | v_margin: '43' 116 | }, 117 | { 118 | rankNum: 15, 119 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/21.png', 120 | teamName: '太阳', 121 | v_f: '21-61', 122 | v_rate: '25%', 123 | v_margin: '44' 124 | } 125 | ], 126 | eastRank: [ 127 | { 128 | rankNum: 1, 129 | teamPic: 'http://img1.gtimg.com/sports/pics/hv1/133/21/2268/147482188.png', 130 | teamName: '猛龙', 131 | v_f: '59-23', 132 | v_rate: '72%', 133 | v_margin: '0' 134 | }, 135 | { 136 | rankNum: 2, 137 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/2.png', 138 | teamName: '凯尔特人', 139 | v_f: '55-27', 140 | v_rate: '67%', 141 | v_margin: '4' 142 | }, 143 | { 144 | rankNum: 3, 145 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/20.png', 146 | teamName: '76人', 147 | v_f: '52-30', 148 | v_rate: '63%', 149 | v_margin: '7' 150 | }, 151 | { 152 | rankNum: 4, 153 | teamPic: 'http://img1.gtimg.com/sports/pics/hv1/131/116/2220/144385211.png', 154 | teamName: '骑士', 155 | v_f: '50-32', 156 | v_rate: '61%', 157 | v_margin: '9' 158 | }, 159 | { 160 | rankNum: 5, 161 | teamPic: 'http://img1.gtimg.com/sports/pics/hv1/43/116/2220/144385123.png', 162 | teamName: '步行者', 163 | v_f: '48-34', 164 | v_rate: '58%', 165 | v_margin: '11' 166 | }, 167 | { 168 | rankNum: 6, 169 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/14.png', 170 | teamName: '热火', 171 | v_f: '44-38', 172 | v_rate: '53%', 173 | v_margin: '15' 174 | }, 175 | { 176 | rankNum: 7, 177 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/15.png', 178 | teamName: '雄鹿', 179 | v_f: '44-38', 180 | v_rate: '53%', 181 | v_margin: '15' 182 | }, 183 | { 184 | rankNum: 8, 185 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/27.png', 186 | teamName: '奇才', 187 | v_f: '43-39', 188 | v_rate: '52%', 189 | v_margin: '16' 190 | }, 191 | { 192 | rankNum: 9, 193 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/new/8.png', 194 | teamName: '活塞', 195 | v_f: '39-43', 196 | v_rate: '47%', 197 | v_margin: '20' 198 | }, 199 | { 200 | rankNum: 10, 201 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/30.png', 202 | teamName: '黄蜂', 203 | v_f: '36-46', 204 | v_rate: '43%', 205 | v_margin: '23' 206 | }, 207 | { 208 | rankNum: 11, 209 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/18.png', 210 | teamName: '尼克斯', 211 | v_f: '29-53', 212 | v_rate: '35%', 213 | v_margin: '30' 214 | }, 215 | { 216 | rankNum: 12, 217 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/17.png', 218 | teamName: '篮网', 219 | v_f: '28-54', 220 | v_rate: '34%', 221 | v_margin: '31' 222 | }, 223 | { 224 | rankNum: 13, 225 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/4.png', 226 | teamName: '公牛', 227 | v_f: '27-55', 228 | v_rate: '32%', 229 | v_margin: '32' 230 | }, 231 | { 232 | rankNum: 14, 233 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/19.png', 234 | teamName: '魔术', 235 | v_f: '25-57', 236 | v_rate: '30%', 237 | v_margin: '34' 238 | }, 239 | { 240 | rankNum: 15, 241 | teamPic: 'http://mat1.gtimg.com/sports/nba/logo/1602/1.png', 242 | teamName: '老鹰', 243 | v_f: '24-58', 244 | v_rate: '29%', 245 | v_margin: '35' 246 | } 247 | ] 248 | } 249 | 250 | 251 | } -------------------------------------------------------------------------------- /utils/articleList.js: -------------------------------------------------------------------------------- 1 | export default { 2 | articleList: [ 3 | { 4 | id: '321', 5 | commentsNum: 3, 6 | articleTitle: '为冲世界杯球王也要忙团建 梅西宴请阿根廷全队', 7 | articleDate: '2018-06-08 08:59:02', 8 | imgUrl: 'http://inews.gtimg.com/newsapp_bt/0/3890878418/641', 9 | videoUrl: 'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=a0398dzy70s&auto=0', 10 | articleContent: ' 原定本周六举行的阿根廷队和以色列队的友谊赛被取消，原因是近期一批巴勒斯坦支持者骚扰阿根廷队训练基地（巴萨大本营）和他们下榻的酒店，他们举着标语喊着口号反对阿根廷队去耶路撒冷踢比赛，最激进的骚扰者亮出了染成血红色的梅西球衣。鉴于梅西及其家人的安全受到威胁，阿根廷足协宣布取消这场热身赛。比赛取消，安全得到保证，但阿根廷队球员们受到了惊吓，需要抚平情绪。阿根廷队主教练桑保利找到队长梅西商量对策，主帅认为搞一次团队建设活动是最好的办法，梅西当即同意并且向全队发出邀请，到巴塞罗那的花园酒店大吃一顿。这家酒店是梅西的家人开设的，酒店所有权是梅西，经理是梅西的堂兄，位于巴塞罗那的繁华地段，菜品全部是阿根廷美食。从《马卡报》发布的现场照片能看出两点：除了全体球员和教练组，连女队医也参加了饭局，说明医疗组等后勤人员也一起参加了；全体人员表情欢快，看来团建的效果达到了。这次活动过程中，西班牙媒体没有采访到阿根廷球员和教练。《每日体育报》翻出了以往梅西在巴萨请客吃饭的历史资料。17/18赛季，梅西请巴萨全队吃了三次饭，地点都是自家的花园酒店。第一次是西甲第1轮结束后，那时内马尔刚刚离队，球队的士气不稳，梅西把队友们情绪重新调动起来了。第二次是欧冠被罗马淘汰后，全队心情失落，梅西又用一顿饭带起了全队的情绪。第三次是伊涅斯塔举办完告别发布会，队内气氛一片伤感，当晚，全队又来到梅西家的饭店搓了一顿。事后《每日体育报》曾经采访过伊涅斯塔，前巴萨队长亲口谈到过这个赛季的三顿饭。伊涅斯塔曾指出，内马尔离开后，巴萨全队的那顿饭吃得最有意义。如今，梅西再次用一顿饭鼓舞了阿根廷队士气。这真是应了一句经典台词：没有什么是一次团建解决不了的，如果有，那就是两次团建。目前阿根廷足协正在积极为国家队寻找新的热身赛对手，如果约不到，那么阿根廷队将于本周日从巴塞罗那飞往莫斯科，入住世界杯营地。（魏大勇）', 11 | comments: [ 12 | { 13 | userThumbs: 'http://thirdqq.qlogo.cn/g?b=sdk&k=CgFVzicLRVQRy4uTS8z425w&s=40&t=1528387200', 14 | userName: 'L.y', 15 | comment: '以前的梅西是群狼中的优秀者，现在的梅西已经是狼头了。', 16 | comTime: '1分钟前' 17 | }, 18 | { 19 | userThumbs: 'http://thirdwx.qlogo.cn/mmopen/vi_32/3hA6EoKqPW1HLEuvdciaDFlt308Xlm64LEYIx86r4XZ8wUyb3sS1RGOFhN0BwVkAjqnEYYkkq4UAxknQUcnqRCQ/132', 20 | userName: 'XHZMC', 21 | comment: '领袖风范，真球王！', 22 | comTime: '4分钟前' 23 | }, 24 | { 25 | userThumbs: 'http://thirdwx.qlogo.cn/mmopen/vi_32/c2IPczZ0pZZfNicNUN86vpA3tNuU3g7y40eZLCJwGZwXjbM8hOQK8Szxbgt88HHbMY0TicrXlptw8tQJIpa0Yd1Q/132', 26 | userName: '苦心寻明天', 27 | comment: 'C罗和梅西，大家更喜欢谁？', 28 | comTime: '10分钟前' 29 | } 30 | ] 31 | }, 32 | { 33 | id: '322', 34 | commentsNum: 3, 35 | articleTitle: 'C罗伤心了？送拉什福德球鞋+球衣 他却说梅西世界最佳', 36 | articleDate: '2018-06-08 09:34:01', 37 | imgUrl: 'http://inews.gtimg.com/newsapp_bt/0/3892321517/641', 38 | videoUrl: 'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=x0026g2hoi4&auto=0', 39 | articleContent: ' 拉什福德和C罗是曼联的两代前锋，但是他们在私下里的关系非常好。此前，C罗也非常友善的给拉什福德送去了签名球衣和球鞋，可见，C罗非常欣赏这名曼联前锋。不过拉什福德却称赞梅西是世界最佳，他表示，“梅西还是C罗？我必须说是梅西，因为他所做的一些事情难以置信。我是C罗的超级粉丝，但是我认为梅西才是历史最佳球员。”或许听到拉什福德的评语后，C罗会有些小伤心，因为他对待拉什福德非常好，两人又都是在曼联成名，可是拉什福德却欣赏梅西多过C罗。在采访中，拉什福德也高度评价了鲁尼，他表示，“鲁尼是同我一起踢过球的最好球员，他是一位传奇。”在2016-17赛季，拉什福德和鲁尼曾经并肩作战，他们一起获得过欧联杯、社区盾杯和联赛杯冠军。', 40 | comments: [ 41 | { 42 | userThumbs: 'http://q1.qlogo.cn/g?b=qq&k=9OF9148fzY1CjUrz6yFhxA&s=40&t=1528387200', 43 | userName: '心情微好', 44 | comment: '球员和教练大多承认梅西的球技，一些皇马球迷装着没看见', 45 | comTime: '1分钟前' 46 | }, 47 | { 48 | userThumbs: 'http://q2.qlogo.cn/g?b=qq&k=1dbI2GKibvibAD4e7iah7s5ZQ&s=40&t=1528387200', 49 | userName: '珍惜', 50 | comment: '全世界球星教练都这么喜欢梅西！', 51 | comTime: '4分钟前' 52 | }, 53 | { 54 | userThumbs: 'http://thirdwx.qlogo.cn/mmopen/vi_32/c2IPczZ0pZZfNicNUN86vpA3tNuU3g7y40eZLCJwGZwXjbM8hOQK8Szxbgt88HHbMY0TicrXlptw8tQJIpa0Yd1Q/132', 55 | userName: '小怪物^_^', 56 | comment: '俩人估计都是最后一届世界杯了……', 57 | comTime: '10分钟前' 58 | } 59 | ] 60 | }, 61 | { 62 | id: '323', 63 | commentsNum: 2, 64 | articleTitle: '利好！厄齐尔已恢复训练 德国队大脑不会错过世界杯', 65 | articleDate: '2018-06-08 09:45:25', 66 | imgUrl: 'http://inews.gtimg.com/newsapp_bt/0/3892444936/641', 67 | videoUrl: 'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=d0559q3eae0&auto=0', 68 | articleContent: '在北京时间6月3日凌晨1:45的热身赛中，德国1-2不敌奥地利，厄齐尔首发出战了那场比赛。在比赛第42分钟，厄齐尔受伤，但当时他感觉能够坚持比赛，直到第75分钟才被德拉克斯勒换下。赛后，德国队医疗组确认厄齐尔膝盖受伤，厄齐尔缺席了过去4天的德国队训练课。', 69 | comments: [ 70 | { 71 | userThumbs: 'http://q2.qlogo.cn/g?b=qq&k=OKL7lyLHrIU0aMBh5xVcoQ&s=40&t=1528387200', 72 | userName: '我的妹妹叫果儿', 73 | comment: '厄齐尔，看一年少一年！', 74 | comTime: '1分钟前' 75 | }, 76 | { 77 | userThumbs: 'http://q3.qlogo.cn/g?b=qq&k=tfwpBzsiayKHz5khqpJ4iaVQ&s=40&t=1528387200', 78 | userName: '福尔摩斯', 79 | comment: '厄齐尔已过巅峰期，德国队太靠他会有麻烦，阿森纳是个警告', 80 | comTime: '4分钟前' 81 | } 82 | ] 83 | }, 84 | { 85 | id: '324', 86 | commentsNum: 1, 87 | articleTitle: '丰特：首战PK西班牙压力大 葡萄牙16年问鼎欧洲杯非侥幸', 88 | articleDate: '2018-06-08 10:02:41', 89 | imgUrl: 'http://inews.gtimg.com/newsapp_bt/0/3892519963/641', 90 | videoUrl: '