From a2d9f13416dfc649a400a83d8647ed6382d9aca4 Mon Sep 17 00:00:00 2001 From: richard <51844712@qq.com> Date: Mon, 25 Jun 2018 15:43:39 +0800 Subject: [PATCH] =?UTF-8?q?api=20=E8=AF=A6=E6=83=85=E9=A1=B5=E6=8E=A5?= =?UTF-8?q?=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/content/content.js | 132 ++++++++++++++++++++++++++++++++----- pages/content/content.wxml | 25 +++---- pages/content/content.wxss | 32 ++++++++- pages/index/index.js | 7 +- 4 files changed, 161 insertions(+), 35 deletions(-) diff --git a/pages/content/content.js b/pages/content/content.js index 5b1a5de..b5cda37 100644 --- a/pages/content/content.js +++ b/pages/content/content.js @@ -1,35 +1,97 @@ // pages/content/content.js +var apiHelper = require("../../utils/api.js"); Page({ /** * 页面的初始数据 */ data: { - imgUrls: [ - '1', '2', '3', '4' - ], - animation: '' - }, - toPage: function () { - wx.navigateTo({ //保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的） - url: `/pages/contentDetails/contentDetails?id=1` + newsArray: [], + animation: '', + shareId: 0, + swiperIndex: 0, + previousMargin: 35,//swiper 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值 + nextMargin: 35,//swiper 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值 + isBusy: false,//是否正在请求数据中 + backButton: false,// 返回首页 按钮显示状态，识别二维码进入显示 ，否则不显示 + currentPageIndex: 1,//当前请求全局页数 + currentDateIsNoData: true,//当前天是否还有数据 + }, + toPage: function (event) { + wx.navigateTo({ + url: `/pages/contentDetails/contentDetails?id=${event.target.id}` + }) + }, + toPageIndex: function (event) { + wx.redirectTo({ + url: '/pages/index/index', }) }, + loadData: function () { + if (!this.data.isBusy) { + //查看当天是否还有数据 + if (this.data.currentDateIsNoData) { + this.data.currentPageIndex = this.data.newsArray[this.data.newsArray.length - 1].order; + this.getListNew(this.data.currentPageIndex); + } + } + }, + + swiperChange: function (event) { + console.log(event); + if (event.detail.current == this.data.newsArray.length - 1) { + this.loadData(); + } + }, + /* new */ + getListNew(pageIndex, pageSize = 10) { + this.data.isBusy = true; + var self = this; + apiHelper.paramData.cmd = "news"; //cmd + apiHelper.paramData.loadingState = false; + apiHelper.paramData.param = { + pageIndex, + pageSize + }; + apiHelper.post((res) => { + if (res.State == 0) { + res.Value = res.Value.data; + if (res.Value.length == 0) { + //标识数据已被全部请求完 + self.data.currentDateIsNoData = false; + } else { + self.data.newsArray = self.data.newsArray.concat(res.Value); + //数据 剩余条数不超过请求条数，说明下一页已没有数据 + if (res.Value.length < pageSize) { + //标识数据已被全部请求完 + self.data.currentDateIsNoData = false; + } else { + self.data.currentDateIsNoData = true; + } + } + } + self.setData({ + newsArray: self.data.newsArray + }); + this.data.isBusy = false; + },'get'); + }, nothing: function () { }, /** * 保存分享事件 */ - saveShare: function () { - console.log('save share event !') + saveShare: function (event) { + console.log('save share event !' + this.data.shareId) this.cancelShare(); - wx.navigateTo({ //保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的） - url: `/pages/contentShare/contentShare?id=1` + wx.navigateTo({ + url: `/pages/contentShare/contentShare?id=${this.data.shareId}` }) }, /** * 分享事件 */ - share: function () { + share: function (event) { + this.data.shareId = event.target.id; //弹出 this.animation.translate3d(0, 0, 0).step(); this.setData({ @@ -51,7 +113,46 @@ Page({ * 生命周期函数--监听页面加载 */ onLoad: function (options) { - + // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene + if (options.scene) { + var scene = decodeURIComponent(options.scene) + options.id = scene; + this.setData({ + backButton: true + }); + } + var pages = getCurrentPages(); + var currPage = pages[pages.length - 1]; //当前页面 + var prevPage = pages[pages.length - 2]; //上一个页面 + //判断入口 + if (prevPage) { + //直接调用上一个页面的setData()方法，把数据存到上一个页面即编辑款项页面中去 + let swiperIndex = prevPage.data.newsArray.findIndex(item => { return item.id == options.id }); + this.setData({ + swiperIndex: swiperIndex, + currentPageIndex: prevPage.data.currentPageIndex, + currentDateIsNoData: prevPage.data.currentDateIsNoData + }); + this.setData({ + newsArray: prevPage.data.newsArray //当前选择的好友名字赋值给编辑款项中的姓名临时变量 + }); + } else { + let id = options.id; + var self = this; + self.setData({ id }); + apiHelper.paramData.cmd = "studyAbroadNews/getNewsDetail"; //cmd + apiHelper.paramData.param = { + id + }; + apiHelper.post((res) => { + if (res.State == 0 && res.Value) { + self.setData({ + newsArray: [res.Value] //当前选择的好友名字赋值给编辑款项中的姓名临时变量 + }); + self.loadData(); + } + }); + } }, /** @@ -96,10 +197,11 @@ Page({ }, + /** * 用户点击右上角分享 */ - onShareAppMessage: function () { + onShareAppMessage: function (res) { } }) \ No newline at end of file diff --git a/pages/content/content.wxml b/pages/content/content.wxml index 9edfd79..5b124cb 100644 --- a/pages/content/content.wxml +++ b/pages/content/content.wxml @@ -1,21 +1,22 @@ - - - + + + - - 2018年QS排名最新出炉，悉尼大学的毕业生就业能力在全澳大利亚排名第1 + + {{item.title}} - 2018年QS全球毕业生就业能力排名榜于近期公布，其中，悉尼大学发挥稳定，与去年排名同为第4，超过麻省理工、剑桥、牛津等国内大学生心中的梦想大学。而墨尔本大学紧随其后屈居第7，新南威尔士大学排名36，昆士兰大学排名49、悉尼科技大学排名69，美国斯坦福大学毫无意外地占据榜首。值得一提的是，在本次的榜单中，澳洲共有8所大学进入全球前100名，其国民教育水平可见一斑。 2018年QS全球毕业生就业能力排名榜于近期公布，其中，悉尼大学发挥稳定，与去年排名同为第4，超过麻省理工、剑桥、牛津等国单中，澳洲共有8所大学进入全球前100名，其国民教育水平可见一斑。 - 2018年QS全球毕业生就业能力排名榜于近期公布，其中，悉尼大学发挥稳定，与去年排名同为第4，超过麻省理工、剑桥、牛津等国 - - + {{item.summary}} + - - + + + @@ -31,4 +32,4 @@ - + \ No newline at end of file diff --git a/pages/content/content.wxss b/pages/content/content.wxss index 22a4cc3..354a033 100644 --- a/pages/content/content.wxss +++ b/pages/content/content.wxss @@ -30,6 +30,7 @@ swiper { .content .content_view { width: 100%; height: 100%; + overflow-y: auto; background: #fff; border-radius: 6rpx; padding: 0rpx 30rpx 0 30rpx; @@ -43,7 +44,23 @@ swiper { text-align: justify; line-height: 60rpx; display: block; - margin-top: 50rpx; + margin-top: 50rpx; + margin-bottom: 40rpx; +} + +.content .content_view .title2 { + font-size: 30rpx; + color: #999; + text-align: justify; + overflow: hidden; +} + +.content .content_view .title2 .left { + float: left; +} + +.content .content_view .title2 .right { + float: right; } .content .content_view .content_font { @@ -82,7 +99,7 @@ swiper { position: fixed; box-sizing: border-box; background: #fff; - padding: 0 30rpx; + padding-left: 30rpx; } .content .content_foot .page-head-line { @@ -107,6 +124,17 @@ swiper { transform: translateY(-50%); } +.content .content_foot button.back_index { + left: 230rpx; +} + +.content .content_foot .share-img { + height: 100%; + width: 80rpx; + float: right; + padding-right: 30rpx; +} + .content .content_foot image { height: 32rpx; width: 32rpx; diff --git a/pages/index/index.js b/pages/index/index.js index 6a591f1..8311197 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -17,13 +17,8 @@ Page({ newsArray: []//所有文章存放数组 }, toPage: function (event) { - // let array = this.data.array.map(item => { return item.array }); - // for (let i = 0; i < array.length; i++) - // for (let j = 0; j < array[i].length; j++) - // this.data.newsArray.push(array[i][j]) - //保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的） wx.navigateTo({ - url: `/pages/content/content?id=${event.target.id}` + url: `/pages/content/content?id=${event.currentTarget.id}` }) }, /**