diff --git a/littleApp_child/app.json b/littleApp_child/app.json index 85dc914..4f0a719 100644 --- a/littleApp_child/app.json +++ b/littleApp_child/app.json @@ -1,6 +1,6 @@ { "pages": [ - "pages/childcare_knowledge/childcare_knowledge", + "pages/home/home", "pages/login/login", "pages/inspectionReport/inspectionReport", @@ -12,7 +12,9 @@ "pages/hospitalDetail/hospitalDetail", "pages/chatroom/chatroom", "pages/chat/chat", - "pages/childcare_knowledge_detail/childcare_knowledge_detail" + "pages/childcare_knowledge_detail/childcare_knowledge_detail", + "pages/system_notifacations/system_notifacations", + "pages/childcare_knowledge/childcare_knowledge" ], "window": { "backgroundTextStyle": "light", diff --git a/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml b/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml index 56e0760..bda272f 100644 --- a/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml +++ b/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml @@ -10,7 +10,7 @@ - + - + \ No newline at end of file diff --git a/littleApp_child/pages/system_notifacations/system_notifacations.js b/littleApp_child/pages/system_notifacations/system_notifacations.js new file mode 100644 index 0000000..8198c04 --- /dev/null +++ b/littleApp_child/pages/system_notifacations/system_notifacations.js @@ -0,0 +1,112 @@ +//articleLists.js 文章列表 +// 网络请求工具类 +var networkUtil = require('../../utils/network_util.js') +var api = require('../../utils/apiFile.js') +// 事件监听 +var event = require('../../utils/event.js') +var page +// 是否有更多 +var hasMore +var isRefresh + + +Page({ + data: { + list: [ + {zar:12, title: "title1", content: "content1content1content1content1content1content1content1content1content1content1content1ds到场定损", image: "http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg" } + , { zar: 12, title: "title2", content: "content2", image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg" } + , { zar: 12, title: "title2", content: "content2", image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg" } + , { zar: 12,title: "title1", content: "content1", image: "http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg" } + , { zar: 12, title: "title2", content: "content2", image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg" } + , { zar: 12, title: "title2", content: "content2", image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg" } + ], + images: [ + // 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg', + // 'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg', + 'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg' + ], + titles: ["日常护理", "营养美食", "疾病护理", "亲子互动", "言传qq"], + id:0, + category:'', + current_index:0, + }, + onLoad: function (e) { + this.data.id = e.id + this.data.category = e.category + // 数据初始化 + page = 1 + hasMore = true + isRefresh = false + + // this.requestData() + + + }, + onUnload: function() { + + }, + /*---------事件处理函数--------*/ + bindViewTap: function() { + wx.navigateTo({ + url: '../home/home' + }) + }, + // 加载更多 + loadMore:function(e){ + if(!hasMore || isRefresh == true){ + return + } + page ++ + + this.requestData() + + }, + // 下拉刷新回调接口 + onPullDownRefresh: function() { + page = 1; + hasMore = true + // 网络请求，重新请求一遍数据 + this.requestData(); + }, + myScroll:function(e){ + if(e.detail.scrollTop >= e.detail.scrollHeight-wx.getSystemInfoSync().windowHeight - 3){ + this.loadMore() + } + }, + titleClick:function(e){ + console.log(e) + var index = e.currentTarget.dataset.index + this.setData({ + current_index:index + }) + }, + /*---------自定义函数--------*/ + requestData(id){ + var self = this + isRefresh = true + networkUtil.showLoading() + var param = {page:page,limit:15,type:getApp().globalData.userInfo.status,categoryId:self.data.id} + networkUtil._get(api.articleList,param,function(res){ + + isRefresh = false + var arr = [] + if(page > 0) {// 加载更多模式 + arr = self.data.list + } + if(res.data.data.length < 15){ + hasMore = false + } + arr = arr.concat(res.data.data) + var temp = self.data.category + self.setData({ + list:arr, + hasMore : hasMore, + category : temp + }) + },function(res){ + isRefresh = false + }) + }, + + +}) diff --git a/littleApp_child/pages/system_notifacations/system_notifacations.json b/littleApp_child/pages/system_notifacations/system_notifacations.json new file mode 100644 index 0000000..fd0bcae --- /dev/null +++ b/littleApp_child/pages/system_notifacations/system_notifacations.json @@ -0,0 +1,6 @@ +{ + "navigationBarBackgroundColor": "#48C17B ", + "navigationBarTitleText": "育儿知识", + "navigationBarTextStyle": "white", + "backgroundColor": "#d8dbd4" +} \ No newline at end of file diff --git a/littleApp_child/pages/system_notifacations/system_notifacations.wxml b/littleApp_child/pages/system_notifacations/system_notifacations.wxml new file mode 100644 index 0000000..bda272f --- /dev/null +++ b/littleApp_child/pages/system_notifacations/system_notifacations.wxml @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + {{item.title}} + {{item.content}} + + + {{item.zar}} + + + + + + + + 加载更多... + + + + \ No newline at end of file diff --git a/littleApp_child/pages/system_notifacations/system_notifacations.wxss b/littleApp_child/pages/system_notifacations/system_notifacations.wxss new file mode 100644 index 0000000..44486da --- /dev/null +++ b/littleApp_child/pages/system_notifacations/system_notifacations.wxss @@ -0,0 +1,136 @@ +.main { + background: #fff; + width: 100%; + margin-top: 40px; +} + +.title_top_view { + width: 100%; + display: flex; + background: white; + position: fixed; + height: 40px; + padding-left: 10px; + top: 0px; + z-index: 1; +} + +.title_scroll { + width: 90%; + margin-left: 10px; + /*可以滚动 */ + white-space: nowrap; + display: inline-block; +} + +/*隐藏Scrollview滚动条 */ + +::-webkit-scrollbar { + width: 0; + height: 0; + color: transparent; +} + +.scroll_title_label { + height: 40px; + margin-right: 30px; + text-align: left; + line-height: 40px; + border: 1px; + font-size: 13px; + color: #494949; + border-bottom: 2px; + border-color: #FF5E5E ; +} + +.title_text { + font-size: 13px; + padding-top: 10px; + padding-bottom: 7px; +} + +.search_img { + width: 22px; + height: 22px; + margin-top: 9px; +} + +.home__list-item { + position: relative; + background: white; +} + +.swiper { + height: 200px; + width: 100%; +} + +.swiper image { + height: 100%; + width: 100%; +} + +.content_item { + width: 100%; + height: 75px; + right: 75px; +} + +.content_title { + font-family: PingFangSC-Regular; + font-size: 14px; + margin-top: 10px; + color: #222; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; +} + +.content_content { + height: 36px; + font-family: PingFangSC-Regular; + font-size: 12px; + color: #888; + line-height: 18px; + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + word-break: break-all; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + + + +.content_image { + width: 50px; + transform: translateY(-65px); + float: right; + margin-right: 15px; + height: 50px; +} +.zar_box{ + display: flex; +} +.zar_img{ + width: 22px; + height: 22px; +} +.content_zar { + font-family: PingFangSC-Regular; + font-size: 10px; + margin-left: 3px; + margin-top: 3px; + color: #c6c6c6; +} +/*item 分割线*/ + +.home__list-item__bottom { + height: 2px; + background: #d8dbd4; + margin-bottom: 5px; + margin-top: 5px; + left: 15px; + right: 15px; +}