├── football_wx ├── pages │ ├── find │ │ ├── find.json │ │ ├── find.wxss │ │ ├── find.wxml │ │ └── find.js │ ├── index │ │ ├── index.json │ │ ├── index.js │ │ ├── index.wxml │ │ └── index.wxss │ ├── mine │ │ ├── mine.json │ │ ├── mine.wxss │ │ ├── mine.wxml │ │ └── mine.js │ ├── register │ │ ├── register.json │ │ ├── register.wxml │ │ ├── register.wxss │ │ └── register.js │ ├── login │ │ ├── login.json │ │ ├── login.wxml │ │ ├── login.wxss │ │ └── login.js │ └── logs │ │ ├── logs.json │ │ ├── logs.wxss │ │ ├── logs.wxml │ │ └── logs.js ├── readme.md ├── imgs │ ├── c.png │ ├── ds.png │ ├── me.png │ ├── me1.png │ ├── pic.png │ ├── t.png │ ├── t1.png │ ├── exit.png │ ├── good.png │ ├── home.png │ ├── home1.png │ ├── pic1.png │ ├── pic2.png │ ├── pic3.png │ ├── camera.png │ ├── pic1-1.jpg │ ├── pic1-2.jpg │ ├── search.png │ └── search1.png ├── app.wxss ├── utils │ └── util.js ├── app.js └── app.json └── README.md /football_wx/pages/find/find.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /football_wx/pages/index/index.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /football_wx/pages/mine/mine.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /football_wx/readme.md: -------------------------------------------------------------------------------- 1 | 微信小程序 -- 足球圈 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # football_wx 2 | 微信小程序--足球圈 3 | -------------------------------------------------------------------------------- /football_wx/pages/register/register.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /football_wx/pages/find/find.wxss: -------------------------------------------------------------------------------- 1 | /* pages/find/find.wxss */ -------------------------------------------------------------------------------- /football_wx/pages/mine/mine.wxss: -------------------------------------------------------------------------------- 1 | /* pages/mine/mine.wxss */ -------------------------------------------------------------------------------- /football_wx/pages/login/login.json: -------------------------------------------------------------------------------- 1 | { 2 | "enablePullDownRefresh": false 3 | } -------------------------------------------------------------------------------- /football_wx/pages/logs/logs.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "查看启动日志" 3 | } -------------------------------------------------------------------------------- /football_wx/pages/find/find.wxml: -------------------------------------------------------------------------------- 1 | 2 | pages/find/find.wxml 3 | -------------------------------------------------------------------------------- /football_wx/pages/mine/mine.wxml: -------------------------------------------------------------------------------- 1 | 2 | pages/mine/mine.wxml 3 | -------------------------------------------------------------------------------- /football_wx/imgs/c.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/c.png -------------------------------------------------------------------------------- /football_wx/imgs/ds.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/ds.png -------------------------------------------------------------------------------- /football_wx/imgs/me.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/me.png -------------------------------------------------------------------------------- /football_wx/imgs/me1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/me1.png -------------------------------------------------------------------------------- /football_wx/imgs/pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/pic.png -------------------------------------------------------------------------------- /football_wx/imgs/t.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/t.png -------------------------------------------------------------------------------- /football_wx/imgs/t1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/t1.png -------------------------------------------------------------------------------- /football_wx/imgs/exit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/exit.png -------------------------------------------------------------------------------- /football_wx/imgs/good.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/good.png -------------------------------------------------------------------------------- /football_wx/imgs/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/home.png -------------------------------------------------------------------------------- /football_wx/imgs/home1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/home1.png -------------------------------------------------------------------------------- /football_wx/imgs/pic1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/pic1.png -------------------------------------------------------------------------------- /football_wx/imgs/pic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/pic2.png -------------------------------------------------------------------------------- /football_wx/imgs/pic3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/pic3.png -------------------------------------------------------------------------------- /football_wx/imgs/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/camera.png -------------------------------------------------------------------------------- /football_wx/imgs/pic1-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/pic1-1.jpg -------------------------------------------------------------------------------- /football_wx/imgs/pic1-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/pic1-2.jpg -------------------------------------------------------------------------------- /football_wx/imgs/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/search.png -------------------------------------------------------------------------------- /football_wx/imgs/search1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WongChingYam/football_wx/HEAD/football_wx/imgs/search1.png -------------------------------------------------------------------------------- /football_wx/pages/logs/logs.wxss: -------------------------------------------------------------------------------- 1 | .log-list { 2 | display: flex; 3 | flex-direction: column; 4 | padding: 40rpx; 5 | } 6 | .log-item { 7 | margin: 10rpx; 8 | } 9 | -------------------------------------------------------------------------------- /football_wx/pages/logs/logs.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{index + 1}}. {{log}} 5 | 6 | 7 | -------------------------------------------------------------------------------- /football_wx/app.wxss: -------------------------------------------------------------------------------- 1 | /**app.wxss**/ 2 | .container { 3 | height: 100%; 4 | display: flex; 5 | flex-direction: column; 6 | align-items: center; 7 | justify-content: space-between; 8 | padding: 200rpx 0; 9 | box-sizing: border-box; 10 | } 11 | -------------------------------------------------------------------------------- /football_wx/pages/logs/logs.js: -------------------------------------------------------------------------------- 1 | //logs.js 2 | var util = require('../../utils/util.js') 3 | Page({ 4 | data: { 5 | logs: [] 6 | }, 7 | onLoad: function () { 8 | this.setData({ 9 | logs: (wx.getStorageSync('logs') || []).map(function (log) { 10 | return util.formatTime(new Date(log)) 11 | }) 12 | }) 13 | } 14 | }) 15 | -------------------------------------------------------------------------------- /football_wx/pages/register/register.wxml: -------------------------------------------------------------------------------- 1 | 足球圈 —— 注册 2 |
3 | 4 | 5 | 6 | 7 | 8 | 9 |
-------------------------------------------------------------------------------- /football_wx/pages/register/register.wxss: -------------------------------------------------------------------------------- 1 | .header{ 2 | width: 100%; 3 | height: 88rpx; 4 | line-height: 88rpx; 5 | text-align: center; 6 | color: #fff; 7 | font-size: 36rpx; 8 | background: #0dc441; 9 | } 10 | .loginInfo{ 11 | margin:30rpx; 12 | } 13 | .loginInfo input{ 14 | height: 66rpx; 15 | border-bottom: 2rpx solid #7f7f7f; 16 | margin-bottom: 52rpx; 17 | } 18 | button{ 19 | margin:0 30rpx; 20 | margin-top: 82rpx; 21 | } -------------------------------------------------------------------------------- /football_wx/pages/login/login.wxml: -------------------------------------------------------------------------------- 1 | 足球圈 —— 登录 2 |
3 | 4 | 5 | 6 | 7 | 还没有账号？点击此处立即 8 | 注册 9 | 10 | 11 |
-------------------------------------------------------------------------------- /football_wx/utils/util.js: -------------------------------------------------------------------------------- 1 | function formatTime(date) { 2 | var year = date.getFullYear() 3 | var month = date.getMonth() + 1 4 | var day = date.getDate() 5 | 6 | var hour = date.getHours() 7 | var minute = date.getMinutes() 8 | var second = date.getSeconds() 9 | 10 | 11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') 12 | } 13 | 14 | function formatNumber(n) { 15 | n = n.toString() 16 | return n[1] ? n : '0' + n 17 | } 18 | 19 | module.exports = { 20 | formatTime: formatTime 21 | } 22 | -------------------------------------------------------------------------------- /football_wx/pages/login/login.wxss: -------------------------------------------------------------------------------- 1 | .header{ 2 | width: 100%; 3 | height: 88rpx; 4 | line-height: 88rpx; 5 | text-align: center; 6 | color: #fff; 7 | font-size: 36rpx; 8 | background: #0dc441; 9 | } 10 | .loginInfo{ 11 | margin:30rpx; 12 | } 13 | .loginInfo input{ 14 | height: 66rpx; 15 | border-bottom: 2rpx solid #7f7f7f; 16 | margin-bottom: 52rpx; 17 | } 18 | .font{ 19 | margin:0 30rpx; 20 | font-size: 30rpx; 21 | } 22 | .font navigator{ 23 | display: inline-block; 24 | text-decoration: underline; 25 | color: #a3e9b7; 26 | } 27 | button{ 28 | margin:0 30rpx; 29 | margin-top: 54rpx; 30 | } -------------------------------------------------------------------------------- /football_wx/app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | App({ 3 | onLaunch: function() { 4 | //调用API从本地缓存中获取数据 5 | var logs = wx.getStorageSync('logs') || [] 6 | logs.unshift(Date.now()) 7 | wx.setStorageSync('logs', logs) 8 | }, 9 | 10 | getUserInfo: function(cb) { 11 | var that = this 12 | if (this.globalData.userInfo) { 13 | typeof cb == "function" && cb(this.globalData.userInfo) 14 | } else { 15 | //调用登录接口 16 | wx.getUserInfo({ 17 | withCredentials: false, 18 | success: function(res) { 19 | that.globalData.userInfo = res.userInfo 20 | typeof cb == "function" && cb(that.globalData.userInfo) 21 | } 22 | }) 23 | } 24 | }, 25 | 26 | globalData: { 27 | userInfo: null, 28 | url: "http://127.0.0.1:8090/" 29 | } 30 | }) 31 | -------------------------------------------------------------------------------- /football_wx/pages/register/register.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | 3 | /** 4 | * 页面的初始数据 5 | */ 6 | data: { 7 | 8 | }, 9 | 10 | /** 11 | * 生命周期函数--监听页面加载 12 | */ 13 | onLoad: function (options) { 14 | 15 | }, 16 | 17 | /** 18 | * 生命周期函数--监听页面初次渲染完成 19 | */ 20 | onReady: function () { 21 | 22 | }, 23 | 24 | /** 25 | * 生命周期函数--监听页面显示 26 | */ 27 | onShow: function () { 28 | 29 | }, 30 | 31 | /** 32 | * 生命周期函数--监听页面隐藏 33 | */ 34 | onHide: function () { 35 | 36 | }, 37 | 38 | /** 39 | * 生命周期函数--监听页面卸载 40 | */ 41 | onUnload: function () { 42 | 43 | }, 44 | 45 | /** 46 | * 页面相关事件处理函数--监听用户下拉动作 47 | */ 48 | onPullDownRefresh: function () { 49 | 50 | }, 51 | 52 | /** 53 | * 页面上拉触底事件的处理函数 54 | */ 55 | onReachBottom: function () { 56 | 57 | }, 58 | 59 | /** 60 | * 用户点击右上角分享 61 | */ 62 | onShareAppMessage: function () { 63 | 64 | } 65 | }) -------------------------------------------------------------------------------- /football_wx/pages/find/find.js: -------------------------------------------------------------------------------- 1 | // pages/find/find.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 | }) -------------------------------------------------------------------------------- /football_wx/pages/mine/mine.js: -------------------------------------------------------------------------------- 1 | // pages/mine/mine.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 | }) -------------------------------------------------------------------------------- /football_wx/pages/login/login.js: -------------------------------------------------------------------------------- 1 | var app = getApp();//获取的当前小程序实例 2 | Page({ 3 | /** 4 | * 页面的初始数据 5 | */ 6 | data: { 7 | userName: "", 8 | pwd: "" 9 | }, 10 | handleName(event) { 11 | this.setData({ 12 | userName: event.detail.value 13 | }) 14 | }, 15 | handlePwd(event) { 16 | this.setData({ 17 | pwd: event.detail.value 18 | }) 19 | }, 20 | submit() { 21 | if (!this.data.userName || !this.data.pwd) { 22 | wx.showToast({ 23 | image: '/imgs/girl.png', 24 | title: "好歹输入东西", 25 | mask: true 26 | }) 27 | return 28 | } 29 | var parmas = {}; 30 | parmas.userName = this.data.userName; 31 | parmas.pwd = this.data.pwd; 32 | var _this = this; 33 | wx.request({ 34 | success(res) { 35 | //console.log(res) 36 | if (!res.data.code) { 37 | wx.reLaunch({ 38 | url: '/pages/index/index?userName=' + _this.data.userName, 39 | }) 40 | } 41 | }, 42 | data: parmas, 43 | method: "POST", 44 | url: app.globalData.url + 'api/login', //注意上线的时候需要HTTPS服务 45 | }) 46 | } 47 | }) -------------------------------------------------------------------------------- /football_wx/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages":[ 3 | "pages/index/index", 4 | "pages/login/login", 5 | "pages/register/register", 6 | "pages/find/find", 7 | "pages/mine/mine" 8 | ], 9 | "window":{ 10 | "backgroundTextStyle":"light", 11 | "navigationBarBackgroundColor": "#fff", 12 | "navigationBarTitleText": "WeChat", 13 | "navigationBarTextStyle":"black" 14 | }, 15 | "tabBar": { 16 | "color": "#999", 17 | "backgroundColor": "#fff", 18 | "selectedColor": "#0dc441", 19 | "list": [ 20 | { 21 | "pagePath": "pages/index/index", 22 | "text": "首页", 23 | "iconPath": "/imgs/home.png", 24 | "selectedIconPath": "/imgs/home1.png" 25 | }, 26 | { 27 | "pagePath": "pages/find/find", 28 | "text": "发现", 29 | "iconPath": "/imgs/search.png", 30 | "selectedIconPath": "/imgs/search1.png" 31 | }, 32 | { 33 | "pagePath": "pages/index/index", 34 | "text": " ", 35 | "iconPath": "/imgs/c.png" 36 | }, 37 | { 38 | "pagePath": "pages/mine/mine", 39 | "text": "我的", 40 | "iconPath": "/imgs/me.png", 41 | "selectedIconPath": "/imgs/me1.png" 42 | }, 43 | { 44 | "pagePath": "pages/login/login", 45 | "text": "退出", 46 | "iconPath": "/imgs/exit.png", 47 | "selectedIconPath": "/imgs/exit.png" 48 | } 49 | ] 50 | }, 51 | "networkTimeout": { 52 | "requset": 6000 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /football_wx/pages/index/index.js: -------------------------------------------------------------------------------- 1 | //index.js 2 | //获取应用实例 3 | var app = getApp() 4 | Page({ 5 | onLoad(options) { 6 | this.setData({ 7 | userName: options.userName 8 | }) 9 | }, 10 | data: { 11 | currentTab:0, 12 | currentSel:0, 13 | userName:'', 14 | list:[{ 15 | img:'/imgs/pic.png', 16 | title:'小丸子啊小丸子！' 17 | }, 18 | { 19 | img: '/imgs/pic1.png', 20 | title: '萌萌哒小丸子啊萌萌哒！' 21 | }, 22 | { 23 | img: '/imgs/pic2.png', 24 | title: '小丸子啊小丸子！' 25 | }, 26 | { 27 | img: '/imgs/pic3.png', 28 | title: '小丸子啊萌萌哒小丸子！' 29 | }, 30 | { 31 | img: '/imgs/pic.png', 32 | title: '小丸子啊小丸子！' 33 | }, 34 | { 35 | img: '/imgs/pic1.png', 36 | title: '萌萌哒小丸子啊萌萌哒！' 37 | }, 38 | { 39 | img: '/imgs/pic2.png', 40 | title: '小丸子啊小丸子！' 41 | }, 42 | { 43 | img: '/imgs/pic3.png', 44 | title: '小丸子啊萌萌哒小丸子！' 45 | }], 46 | list1: [{ 47 | img: '/imgs/pic1-1.jpg', 48 | title: '徐云龙争顶' 49 | }, 50 | { 51 | img: '/imgs/pic1-2.jpg', 52 | title: '马季奇向裁判示意对手拉扯武磊进球后脚抽筋' 53 | }, 54 | { 55 | img: '/imgs/pic1-1.jpg', 56 | title: '徐云龙争顶' 57 | }, 58 | { 59 | img: '/imgs/pic1-2.jpg', 60 | title: '马季奇向裁判示意对手拉扯武磊进球后脚抽筋' 61 | }, 62 | { 63 | img: '/imgs/pic1-1.jpg', 64 | title: '徐云龙争顶' 65 | }, 66 | { 67 | img: '/imgs/pic1-2.jpg', 68 | title: '马季奇向裁判示意对手拉扯武磊进球后脚抽筋' 69 | }, 70 | { 71 | img: '/imgs/pic1-1.jpg', 72 | title: '徐云龙争顶' 73 | }, 74 | { 75 | img: '/imgs/pic1-2.jpg', 76 | title: '马季奇向裁判示意对手拉扯武磊进球后脚抽筋' 77 | }], 78 | focusList:[{ 79 | img:'/imgs/t.png', 80 | name:'我叫小萌', 81 | info:'我是小萌我怕谁！哈哈哈！', 82 | goodNum:382344, 83 | articleImg: '/imgs/t1.png', 84 | articleInfo: '小丸子啊小丸子！' 85 | }, 86 | { 87 | img: '/imgs/t.png', 88 | name: '我叫小萌', 89 | info: '我是小萌我怕谁！哈哈哈！', 90 | goodNum: 382344, 91 | articleImg: '/imgs/t1.png', 92 | articleInfo: '小丸子啊小丸子！' 93 | }, 94 | { 95 | img: '/imgs/t.png', 96 | name: '我叫小萌', 97 | info: '我是小萌我怕谁！哈哈哈！', 98 | goodNum: 382344, 99 | articleImg: '/imgs/t1.png', 100 | articleInfo: '小丸子啊小丸子！' 101 | }] 102 | }, 103 | changeNav(e){ 104 | this.setData({ 105 | currentTab:e.target.dataset.current-0 106 | }) 107 | }, 108 | changeContent(e){ 109 | // console.log(e.detail.current) 110 | this.setData({ 111 | currentTab: e.detail.current - 0 112 | }) 113 | }, 114 | changeSel(e){ 115 | this.setData({ 116 | currentSel: e.target.dataset.current - 0 117 | }) 118 | } 119 | }) 120 | -------------------------------------------------------------------------------- /football_wx/pages/index/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 热点 5 | 关注 6 | 7 | 8 | 9 | 10 | 足球现场 11 | 足球生活 12 | 足球美女 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | {{item.title}} 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | {{item.title}} 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | {{item.title}} 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | {{item.name}} 51 | {{item.info}} 52 | 53 | {{item.goodNum}} 54 | 55 | 56 | {{item.articleInfo}} 57 | 58 | 59 | 60 | 75 | 76 | -------------------------------------------------------------------------------- /football_wx/pages/index/index.wxss: -------------------------------------------------------------------------------- 1 | /**index.wxss**/ 2 | .index{ 3 | position: relative; 4 | height: 100%; 5 | } 6 | .header{ 7 | width: 100%; 8 | background: #0dc441; 9 | height:88rpx; 10 | display: flex; 11 | justify-content: center; 12 | align-content: center; 13 | align-items: center; 14 | color:#fff; 15 | font-size:28rpx; 16 | position: fixed; 17 | top:0; 18 | left:0; 19 | z-index: 999; 20 | } 21 | .hot,.focus{ 22 | width:120rpx; 23 | height: 48rpx; 24 | line-height: 48rpx; 25 | text-align: center; 26 | background:#3dd067; 27 | } 28 | .hot{ 29 | border-top-left-radius: 20rpx; 30 | border-bottom-left-radius: 20rpx; 31 | } 32 | .focus{ 33 | border-top-right-radius: 20rpx; 34 | border-bottom-right-radius: 20rpx; 35 | } 36 | .header .select{ 37 | background:#64d985; 38 | } 39 | .index .notSelected{ 40 | display: none; 41 | } 42 | .nav{ 43 | background: #fff; 44 | color:#5a5b5a; 45 | display: flex; 46 | width: 100%; 47 | height:70rpx; 48 | line-height:70rpx; 49 | justify-content: space-around; 50 | position: fixed; 51 | top:88rpx; 52 | left:0; 53 | z-index: 999; 54 | } 55 | .nav .navBtn{ 56 | width:33.3%; 57 | height:70rpx; 58 | text-align: center; 59 | border-bottom:2rpx solid #d9d9d9; 60 | box-sizing: border-box; 61 | } 62 | .nav .on{ 63 | color: #0dc441; 64 | border-bottom: 4rpx solid #0dc441; 65 | box-sizing: border-box; 66 | } 67 | .list{ 68 | margin-bottom: 96rpx; 69 | margin-top:158rpx; 70 | height: 1700rpx; 71 | } 72 | .list .content{ 73 | display: flex; 74 | justify-content: space-between; 75 | align-items:flex-start; 76 | flex-wrap: wrap; 77 | } 78 | .content .box{ 79 | margin-top:10rpx; 80 | width:48.6%; 81 | height: 376rpx; 82 | border:1px solid #d9d9d9; 83 | font-size: 24rpx; 84 | } 85 | .title{ 86 | margin-left: 20rpx; 87 | width:240rpx; 88 | line-height: 56rpx; 89 | overflow: hidden; 90 | white-space: nowrap; 91 | text-overflow: ellipsis; 92 | } 93 | .img{ 94 | height:317rpx; 95 | border-bottom:2rpx solid #d9d9d9; 96 | } 97 | .footer{ 98 | width: 100%; 99 | height: 90rpx; 100 | position: fixed; 101 | bottom: 0; 102 | left: 0; 103 | display: flex; 104 | justify-content: space-around; 105 | align-items: center; 106 | z-index: 100; 107 | background: #fff; 108 | } 109 | .footer navigator{ 110 | height: 90rpx; 111 | display: flex; 112 | flex-direction: column; 113 | justify-content: center; 114 | align-items: center; 115 | font-size: 26rpx; 116 | } 117 | .footer navigator image{ 118 | width:44rpx; 119 | height: 44rpx; 120 | margin-bottom: 10rpx; 121 | } 122 | .footer .camera{ 123 | position: relative; 124 | width: 110rpx; 125 | height: 110rpx; 126 | } 127 | .footer .camera .circle{ 128 | position: absolute; 129 | z-index: 5; 130 | top:-10rpx; 131 | left:0; 132 | width:110rpx; 133 | height:110rpx; 134 | } 135 | .footer .camera image{ 136 | position: absolute; 137 | width:58rpx; 138 | height: 52rpx; 139 | top:22rpx; 140 | left:26rpx; 141 | z-index: 10; 142 | } 143 | .sel2 { 144 | margin-top:88rpx; 145 | margin-bottom: 96rpx; 146 | height: 100%; 147 | background: #f1f1f1; 148 | } 149 | .sel2 .info{ 150 | background: #fff; 151 | margin-bottom: 10rpx; 152 | } 153 | .sel2 .t{ 154 | width: 100%; 155 | height: 142rpx; 156 | padding:22rpx 30rpx; 157 | box-sizing: border-box; 158 | display: flex; 159 | } 160 | .t .fontInfo{ 161 | width:380rpx; 162 | height: 82rpx; 163 | display: flex; 164 | flex-direction: column; 165 | justify-content: space-between; 166 | padding:0 30rpx 0 20rpx; 167 | } 168 | .t .fontInfo .name{ 169 | font-size: 30rpx; 170 | color: #000; 171 | } 172 | .t .fontInfo .intro{ 173 | font-size: 26rpx; 174 | color: #999999; 175 | } 176 | .sel2 .t image{ 177 | width: 100rpx; 178 | height: 100rpx; 179 | } 180 | .t .good{ 181 | color: #e0e0e0; 182 | font-size: 32rpx; 183 | } 184 | .t .good image{ 185 | width:36rpx; 186 | height: 34rpx; 187 | } 188 | .info .articleImg{ 189 | width:100%; 190 | } 191 | .info .c{ 192 | line-height: 66rpx; 193 | color:#333333; 194 | font-size: 26rpx; 195 | padding-left: 42rpx; 196 | box-sizing: border-box; 197 | } 198 | 199 | 200 | --------------------------------------------------------------------------------