luoye / littleApp_child

Download as
Browse Code »

Commit 9f951980afe8c6d024e15f6b7d3e58c427dd886b

Authored by luoye
1 parent ae0ffc864c
Exists in master and in 2 other branches dev-wrh, dev_wjl

首页

Showing 5 changed files with 81 additions and 826 deletions

littleApp_child/app.json View file @ 9f95198
1 1 {
2 2 "pages": [
3   - "pages/login/login",
4 3 "pages/home/home",
  4 + "pages/login/login",
  5 +
5 6 "pages/aboutThePrenatal/aboutThePrenatal",
6 7 "pages/reportDuringPregnancy/reportDuringPregnancy",
7 8 "pages/reportDuringPregnancyDetail/reportDuringPregnancyDetail",
littleApp_child/pages/home/home.js View file @ 9f95198
... ... @@ -15,44 +15,20 @@
15 15 Page({
16 16 /*---------属性变量--------*/
17 17 data: {
18   - isDocument: '',
19   - // 孕周
20   - week: '-',
21   - // 下次产检
22   - nextCheckTime: '-',
23   - // 距离预产期
24   - intervalDays: '-',
25   - avatar: '',
26   - username: '-',
27   - hospitalName: '-',
28   - // 文章列表
29   - articleList: [],
30   - // 主机类型
31   - HOSTTypeText: ['测试环境', '', '演示环境',''][networkUtil.Builing_Release_AppStore],
32   - HOSTType: networkUtil.Builing_Release_AppStore,
33   - // 医院ID
34   - hospitalId: 0,
35   - // 孕期报告高危等级的图片
36   - crisisInfo: { image: '../../source/imageSource/page1_yunqi_green_Image@3x.png', color: '#43bf67' },
37   - // 高危栏目
38   - crisisCategorie: '',
39   - hw: false,
40   - member: []
  18 + isLogin: '',
  19 + item_big_height:0,
  20 + item_small: 0,
41 21 },
42 22 /*---------生命周期--------*/
43 23 onLoad: function () {
44 24 // var that = this
45 25 // wx.showShareMenu(
46   -
  26 + // 计算功能模块的尺寸
  27 + this.calculatePageSize()
47 28 this.networkStatusChange()
48 29 // this.networkstatus()
49 30 if (app.globalData.token == null || app.globalData.token == '') {
50   - this.documentPage()
51   - // wx.login({
52   - // success: function(res){
53   - // that.getOpenIdCode(res.code)
54   - // }
55   - // })
  31 + this.loginPage()
56 32 } else {
57 33 networkUtil.showLoading()
58 34 this.getUserInfo()
59 35  
... ... @@ -78,13 +54,13 @@
78 54 },
79 55 onShow: function () {
80 56 // 生命周期函数--监听页面显示
81   - if (app.globalData.token.length > 0 && this.data.isDocument == true) {
  57 + if (app.globalData.token.length > 0 && this.data.isLogin == true) {
82 58 this.getUserInfo()
83 59 this.homePage()
84 60 }
85 61  
86 62 if (wx.getStorageSync("access_token") != null && !wx.getStorageSync("isHxOpend")){
87   - this.connectWebIM()
  63 +
88 64 }
89 65 },
90 66 onUnload: function () {
91 67  
... ... @@ -102,27 +78,8 @@
102 78 this.getUserInfo()
103 79 this.homePage()
104 80 },
105   - // 孕期报告页面
106   - reportDuringPregnancyTap: function () {
107   - wx.navigateTo({
108   - url: '../reportDuringPregnancy/reportDuringPregnancy?leftCheckDay=' + this.data.leftCheckDay
109   - })
110   - },
111 81 // 点击头像
112 82 tapAvatar: function () {
113   -
114   - // var that = this
115   - // //console.log(event)
116   - // var my = wx.getStorageSync('hxName')
117   - // var nameList = {
118   - // myName: my,
119   - // your: "mommybabydoct4676"
120   - // }
121   - // wx.navigateTo({
122   - // url: '../chatroom/chatroom?username=' + JSON.stringify(nameList)
123   - // })
124   -
125   -
126 83 var that = this
127 84 wx.showActionSheet({
128 85 itemList: ['退出当前用户'],
... ... @@ -130,7 +87,7 @@
130 87 if (res.tapIndex == 0) {
131 88 wx.setStorageSync('userToken', '')
132 89 getApp().globalData.token = ''
133   - that.documentPage()
  90 + that.loginPage()
134 91 WebIM.conn.close();
135 92 }
136 93 },
137 94  
138 95  
139 96  
140 97  
141 98  
142 99  
... ... @@ -139,163 +96,20 @@
139 96 }
140 97 })
141 98 },
142   -
143   - // 点击产检须知事件处理
144   - aboutThePrenatalTap: function () {
145   - wx.navigateTo({
146   - url: '../aboutThePrenatal/aboutThePrenatal?hospitalId=' + this.data.hospitalId + '&week=' + this.data.currentWeek
147   - })
148   - },
149 99 /*---------自定义函数--------*/
150 100 homePage() {
151 101 this.getAccessToken()
152 102 var that = this
153 103 that.setData({
154   - isDocument: false
  104 + isLogin: false
155 105 })
156   -
157   -
158   - wx.setStorage({
159   - key: "myUsername",
160   - data: wx.getStorageSync('hxName')
161   - })
162 106 },
163   - getRoster(){
  107 + loginPage() {
164 108 var that = this
165   - setTimeout(function () {
166   - WebIM.conn.getRoster({
167   - success: function (roster) {
168   - //获取好友列表，并进行好友列表渲染，roster格式为：
169   - /** [
170   - {
171   - jid:'asemoemo#chatdemoui_test1@easemob.com',
172   - name:'test1',
173   - subscription: 'both'
174   - }
175   - ]
176   - */
177   - var member = []
178   - for (var i = 0; i < roster.length; i++) {
179   - // if (roster[i].subscription == "both") {
180   - // member.push(roster[i])
181   - // }
182   - member.push(roster[i])
183   - }
184   - console.log("getRoster member home:", member)
185   - that.setData({
186   - member: member
187   - })
188   - wx.setStorage({
189   - key: 'member',
190   - data: that.data.member
191   - })
192   - // console.log("getRoster member home success:", roster)
193   - },
194   - error: function (err) {
195   - console.log("getRoster erro:", err)
196   - }
197   - });
198   - }, 3000)
199   - },
200   - moveFriend: function (message) {
201   - // var that = this
202   - // var rosters = {
203   - // success: function (roster) {
204   - // var member = []
205   - // for (var i = 0; i < roster.length; i++) {
206   - // if (roster[i].subscription == "both") {
207   - // member.push(roster[i])
208   - // }
209   - // }
210   - // that.setData({
211   - // member: member
212   - // })
213   - // }
214   - // }
215   - // if (message.type == 'unsubscribe' || message.type == 'unsubscribed') {
216   - // WebIM.conn.removeRoster({
217   - // to: message.from,
218   - // success: function () {
219   - // WebIM.conn.unsubscribed({
220   - // to: message.from
221   - // });
222   - // WebIM.conn.getRoster(rosters)
223   - // }
224   - // })
225   - // }
226   - },
227   - handleFriendMsg: function (message) {
228   - // var that = this
229   - // console.log(message)
230   - // wx.showModal({
231   - // title: '添加好友请求',
232   - // content: message.from + '请求加为好友',
233   - // success: function (res) {
234   - // if (res.confirm == true) {
235   - // console.log('vvvvvvvvvvvvv')
236   - // WebIM.conn.subscribed({
237   - // to: message.from,
238   - // message: "[resp:true]"
239   - // })
240   - // WebIM.conn.subscribe({
241   - // to: message.from,
242   - // message: "[resp:true]"
243   - // })
244   - // } else {
245   - // WebIM.conn.unsubscribed({
246   - // to: message.from,
247   - // message: "rejectAddFriend"
248   - // })
249   - // //console.log('delete_friend')
250   - // }
251   - // },
252   - // fail: function (error) {
253   - // //console.log(error)
254   - // }
255   - // })
256   -
257   - },
258   - documentPage() {
259   - var that = this
260 109 that.setData({
261   - isDocument: true
  110 + isLogin: true
262 111 })
263 112 },
264   - getOpenIdCode(code) {
265   - var self = this
266   - // 获取openid
267   - networkUtil._get(api.getOpenId, { code: code }, function (res) {
268   - app.globalData.openInfo.openId = res.openId
269   - }, function (res) {
270   -
271   - })
272   - },
273   - getAccessToken() {
274   - var that = this
275   - var token='';
276   - var options = {
277   - apiUrl: WebIM.config.apiURL,
278   - user: wx.getStorageSync('hxName'),
279   - pwd: wx.getStorageSync('hxPassWord'),
280   - // accessToken: token,
281   - // grant_type: "password",
282   -
283   - success: function (res) {
284   - console.log("conn success:", res);
285   - wx.setStorageSync("access_token", res.data.access_token)
286   - token = res.data.access_token
287   - that.getRoster()
288   - },
289   - fail: function (e) {
290   - console.log("fail:" + e);
291   - },
292   - autoReconnectNumMax: 30,
293   - autoReconnectInterval: 1,
294   - appKey: WebIM.config.appkey
295   - }
296   -
297   - WebIM.conn.open(options)
298   - },
299 113 // 监听网络状态
300 114 networkStatusChange() {
301 115 var that = this
302 116  
303 117  
304 118  
305 119  
306 120  
307 121  
308 122  
... ... @@ -306,126 +120,36 @@
306 120 }
307 121 })
308 122 },
309   - connectWebIM() {
310   - console.log('开始连接')
311   - WebIM.conn.close()
312   - var that = this
313   - var options = {
314   - apiUrl: WebIM.config.apiURL,
315   - user: wx.getStorageSync('hxName'),
316   - pwd: wx.getStorageSync('hxPassWord'),
317   - accessToken: wx.getStorageSync('access_token'),
318   - // grant_type: "password",
319   -
320   - success: function (res) {
321   - console.log("conn success:", res);
322   -
323   - that.getRoster()
324   - },
325   - fail: function (e) {
326   - console.log("fail:" + e);
327   - },
328   - autoReconnectNumMax: 30,
329   - autoReconnectInterval: 1,
330   - appKey: WebIM.config.appkey
331   - }
332   -
333   - WebIM.conn.open(options)
334   - },
335   -
336 123 // 获取用户信息
337 124 getUserInfo() {
338 125  
339 126 var self = this
340 127 var param = { 'token': app.globalData.token }
341 128 networkUtil._get(api.getUserInfo, param, function (res) {
342   - console.log("getUserInfo:"+res)
343   - if (res.data.id != 1930) {
344   - self.setData({
345   - hw: true
346   - })
347   - } else {
348   - self.setData({
349   - hw: false
350   - })
351   - }
352   - var days = numberUtil.calculateTimeInterval(res.data.lastMenses * 1000, new Date().getTime())
353   - self.getArticleInfo(days)
354   - self.setUserInfo(res.data)
355 129  
356 130 }, function (res) {
357 131 networkUtil.showErrorToast(res.errormsg)
358   - if (res.errorcode == 4002 || res.errorcode == 4003) {
359   - wx.setStorageSync('userToken', '')
360   - getApp().globalData.token = ''
361   - self.documentPage()
362   - }
363 132 })
364 133 },
365 134 getArticleInfo(days) {
366 135 var self = this
367 136 // 文章列表
368 137 networkUtil._get(api.homeArtList, { page: 0, limit: 100, days: days }, function (res) {
369   - console.log(res)
370   - wx.stopPullDownRefresh()
371   - self.data.hospitalId = res.data.hospitalId
372   - self.setData({
373   - articleList: res.data.list,
374   - crisisCategorie: res.data.highRiskArticles,
375   - hospitalId: self.data.hospitalId
376   - })
377 138 }, function (res) {
378   -
379 139 wx.stopPullDownRefresh()
380 140 })
381 141 },
382 142 // 设置UI数据
383 143 setUserInfo(data) {
384   - var self = this
385   - var today = new Date()
386   - var interval = numberUtil.calculateTimeInterval(today.getTime(), data.dueDate * 1000)
387   - var date = new Date(data.nextCheckTime)
388   -
389   - self.data.currentWeek = numberUtil.calculateGestationalWeeks(data.lastMenses * 1000)
390   -
391   - var checkTimeText = ''
392   - if (data.nextCheckTime == 0 || data.nextCheckTime == null) {
393   - checkTimeText = '-'
394   - self.data.leftCheckDay = ''
395   - } else {
396   - checkTimeText = data.nextCheckTime
397   - // 剩余几天产检
398   - self.data.leftCheckDay = numberUtil.calculateTimeInterval(today.getTime(), date.getTime())
399   - }
400   - getApp().globalData.userInfo = data
401   - // 孕周余数天
402   - var day = numberUtil.calculateGestationalWeekDay(data.lastMenses * 1000) > 0 ? numberUtil.calculateGestationalWeekDay(data.lastMenses * 1000) + '天' : ''
403   - var intervalText = interval + '天'
404   - var week = '孕' + self.data.currentWeek + '周' + '+' + day
405   - if(day == 0){
406   - week = '孕' + self.data.currentWeek + '周'
407   - }
408   - if (interval < 0) {
409   - intervalText = '已逾期'
410   - }
411   - if (data.status == 2) {
412   - intervalText = '-'
413   - networkUtil.showErrorToast('您已经分娩或终止妊娠，当前孕程服务已终止')
414   - week = '-'
415   - }
416   -
417   - self.setData({
418   - week: week,
419   - intervalDays: intervalText,
420   - username: data.username,
421   - avatar: data.avatar.medium,
422   - hospitalName: data.hospitalName,
423   - // 关联危急值
424   - crisisInfo: numberUtil.home_getRiskInfo(data.crisis),
425   - nextCheckTime: checkTimeText
426   - })
427 144  
  145 + },
  146 + calculatePageSize(){
  147 + var windowWidth = wx.getSystemInfoSync().windowWidth
  148 + var smallWidth = ((windowWidth - 10) / 2 - 10)
  149 + this.setData({
  150 + item_big_height: 'height:' + (windowWidth - 10) / 2 + 'px',
  151 + item_small: 'width:' + smallWidth / 2 + 'px;height:' + smallWidth / 2 + 'px',
  152 + })
428 153 }
429   -
430 154 })
littleApp_child/pages/home/home.wxml View file @ 9f95198
  1 +
1 2 <!--首页-->
2 3  
3 4  
4 5 <!--主机类型-->
5 6 <view class="promptText" wx:if="{{HOSTType != 1 && HOSTType != 3}}">--{{HOSTTypeText}}--</view>
6   -<!--建档模块-->
7   -<view class="whetherTheDocument" wx:if="{{isDocument}}">
8   - <image class="background" src="../../source/imageSource/page16_bg@3x.jpg" mode="scaleToFill"></image>
9   - <!-- <navigator url="../subscribeDocument/subscribeDocument" bindtap="noDocumentTap">
10   - <view class="noDocumentButton">
11   - <image class="documentBgImage" mode="aspectFit" src="../../source/imageSource/page16_yuyue_Image_n@3x.png"></image>
12   - <view class="title">预约建档</view>
13   - <image class="documentIcon" src="../../source/imageSource/page16_icon_arrow_n@3x.png"></image>
14   - <view class="content">未建档孕妇快速建档</view>
15   - </view>
16   - </navigator>
17   - <navigator url="../HasDocumented/HasDocumented" class="documentButton ">
18   - <image class="documentBgImage" mode="aspectFit" src="../../source/imageSource/page16_dangan_Image_n@3x.png"></image>
19   - <view class="title">已有档案</view>
20   - <image class="documentIcon" src="../../source/imageSource/page16_icon_arrow_n@3x.png"></image>
21   - <view class="content">已建档孕妇获取精准服务</view>
22   - </navigator> -->
23   - <scroll-view scroll-y class="documentView">
24   - <navigator url="../subscribeDocument/subscribeDocument" class="noDocumentButton">
25   - <image class="documentBgImage" mode="aspectFit" src="../../source/imageSource/page16_yuyue_Image_n@3x.png"></image>
26   - <view class="title">预约建档</view>
27   - <image class="documentIcon" src="../../source/imageSource/page16_icon_arrow_n@3x.png"></image>
28   - <view class="content">未建档孕妇快速建档</view>
29   - </navigator>
30   - <navigator url="../HasDocumented/HasDocumented" class="documentButton">
31   - <image class="documentBgImage" mode="aspectFit" src="../../source/imageSource/page16_dangan_Image_n@3x.png"></image>
32   - <view class="title">已有档案</view>
33   - <image class="documentIcon" src="../../source/imageSource/page16_icon_arrow_n@3x.png"></image>
34   - <view class="content">已建档孕妇获取精准服务</view>
35   - </navigator>
36   - <!-- <navigator url="../PrenatalScreen/PrenatalScreen" hidden="{{HOSTType != 3}}" class="prenatalScreen">
37   - <image class="documentBgImage" mode="aspectFit" src="../../source/imageSource/page16_chanshai_Image_n@3x.png"></image>
38   - <view class="title">产筛查询</view>
39   - <image class="documentIcon" src="../../source/imageSource/page16_icon_arrow_n@3x.png"></image>
40   - <view class="content">查看产前筛查报告</view>
41   - </navigator> -->
42   - <!-- <view style="height:20px;"></view> -->
43   - </scroll-view>
44   -</view>
45 7 <!--首页模块-->
46 8 <view class="backgroundView" style="position:relative" wx:if="{{!isDocument}}">
47 9 <image class="TopBgImage" src="../../source/imageSource/page1_bg@3x.jpg"></image>
48 10  
49 11  
50 12  
51 13  
52 14  
53 15  
54 16  
... ... @@ -72,200 +34,31 @@
72 34 <!--医院名称横条-->
73 35 <view class="hospitalName" wx:if="{{hospitalName}}">{{hospitalName}}</view>
74 36 <!--功能模块-->
75   - <view class="founctionModelBG" hidden="{{!hw}}">
  37 + <view class="foundation_BG" style="{{item_big_height}}">
  38 + <view class="foundation_item_big" style="{{item_big_height}}">
76 39  
77   - <navigator bindtap="reportDuringPregnancyTap" class="modelBig">
78   - <image style="position: absolute;height:100%;width:100%;" src="{{crisisInfo.image}}" mode="aspectFit"></image>
79   - <view style="position: absolute;font: 17px;font-weight:bold;color: {{crisisInfo.color}};top: 13px;left: 13px;">孕期报告</view>
80   - <view style="position: absolute;font: 9px medium;color: #5e5e5e;left: 13px;top:38px;line-height: 17px;">健康风险等级</view>
81   - </navigator>
  40 + </view>
  41 + <view class="foundation_item_small" style="{{item_small}}">
82 42  
83   - <navigator class="modelSmallBG" url="../inspectionReport/inspectionReport">
84   - <view class="modelSmall" style="border-bottom-right-radius: 0;top: 0px;left: 2px;bottom: 1px;right: 1px;">
85   - <view class="modelSmallContent">
86   - <view class="iconBg" style="background: #60c7de;"></view>
87   - <image class="icon" src="../../source/imageSource/page1_icon_jianyan_n@3x.png"></image>
88   - <view style="width:100%;font-size: 10px;color: #5e5e5e;font: medium;position: absolute;top:40px;text-align: center;">检验报告</view>
89   - </view>
90   - </view>
91   - </navigator>
  43 + </view>
  44 + <view class="foundation_item_small" style="{{item_small}}">
92 45  
93   - <navigator bindtap="aboutThePrenatalTap" class="modelSmallBG">
94   - <view class="modelSmall" style="border-bottom-left-radius: 0;top: 0px;left: 1px;bottom: 1px;right: 0px;">
95   - <view class="modelSmallContent">
96   - <view class="iconBg" style="background: #ff9b8b;"></view>
97   - <image class="icon" src="../../source/imageSource/page1_icon_chanjian_n@3x.png"></image>
98   - <view style="width:100%;font-size: 10px;color: #5e5e5e;font: medium;position: absolute;top:40px;text-align: center;">产检须知</view>
99   - </view>
100   - </view>
101   - </navigator>
  46 + </view>
  47 + <view class="foundation_item_small" style="{{item_small}}">
102 48  
103   - <navigator url="../doctorList/doctorList" class="modelSmallBG">
104   - <view class="modelSmall" style="border-top-right-radius: 0;top: 1px;left: 2px;bottom: 0px;right: 1px;">
105   - <view class="modelSmallContent">
106   - <view class="iconBg" style="background: #f5bf6a;"></view>
107   - <image class="icon" src="../../source/imageSource/page1_icon_yisheng_n@3x.png"></image>
108   - <view style="width:100%;font-size: 10px;color: #5e5e5e;font: medium;position: absolute;top:40px;text-align: center;">产检医生</view>
109   - </view>
110   - </view>
111   - </navigator>
112   -
113   - <navigator url="../hospitalList/hospitalList" class="modelSmallBG">
114   - <view class="modelSmall" style="border-top-left-radius: 0;top: 1px;left: 1px;bottom: 0px;right: 0px;">
115   - <view class="modelSmallContent">
116   - <view class="iconBg" style="background: #54d7ba;"></view>
117   - <image class="icon" src="../../source/imageSource/page1_icon_yiyuan_n@3x.png"></image>
118   - <view style="width:100%;font-size: 10px;color: #5e5e5e;font: medium;position: absolute;top:40px;text-align: center;">联系医院</view>
119   - </view>
120   - </view>
121   - </navigator>
122   - </view>
123   - <view class="newModelBg" hidden="{{!hw}}">
124   - <navigator class="newModel_big" url="../chat/chat">
125   - <view class="modelBigContent">
126   - <view class="newIconBg" style="background: #60c7ed;">
127   - <image class="icon" src="../../source/imageSource/icon_consult@2x.png"></image>
128   - <view class="newModelText">孕期咨询记录</view>
129   - </view>
130   - </view>
131   - </navigator>
132   - <navigator class="newModel_small" url="../weightManager/weightManager">
133   - <view class="modelSmallContent">
134   - <view class="newIconBg" style="background: #ff9b8b;">
135   - <image class="icon" src="../../source/imageSource/icon_WeightManagement@2x.png"></image>
136   - <view class="newModelText">体重管理</view>
137   - </view>
138   - </view>
139   - </navigator>
140   - <navigator class="newModel_small" url="../bedsApportmentList/bedsApportmentList?hospitalId={{hospitalId}}&hospitalName={{hospitalName}}">
141   - <view class="modelSmallContent">
142   - <view class="newIconBg" style="background: #60c7de;">
143   - <image class="icon" src="../../source/imageSource/page1_icon_chuangwei_y_n@3x.png"></image>
144   - <view class="newModelText">床位预约</view>
145   - </view>
146   - </view>
147   - </navigator>
148   - </view>
149   -
150   -
151   -
152   - <view class="newModelBg" style="justify-content: flex-start;" hidden="{{!hw}}">
153   - <navigator class="newModel_big" url="../BloodPressureManager/BloodPressureManager" style="margin-right:2px;">
154   - <view class="modelBigContent">
155   - <view class="newIconBg" style="background: #ff9b8b;">
156   - <image class="icon" src="../../source/imageSource/icon_blood_pressure@2x.png"></image>
157   - <view class="newModelText">血压管理</view>
158   - </view>
159   - </view>
160   - </navigator>
161   - <navigator class="newModel_big" url="../BloodSugerHome/BloodSugerHome" style="width:46.5%;">
162   - <view class="modelBigContent">
163   - <view class="newIconBg" style="background: #60c7de;">
164   - <image class="icon" src="../../source/imageSource/icon_blood_glucose@2x.png"></image>
165   - <view class="newModelText">血糖管理</view>
166   - </view>
167   - </view>
168   - </navigator>
169   - </view>
170   -
171   -
172   -
173   -
174   -<!--// 高危精准指导-->
175   -<view class="highRisk_Bg" wx:if="{{crisisCategorie.length>0}}">
176   -
177   - <navigator url="../articleLists/articleLists?id={{crisisCategorie.id}}&category=高危精准指导" class="weui-cell weui-cell_access home__list__topitem" hover-class="weui-cell_active">
178   - <view class="weui-cell__hd">
179   - <!--<image class="home__list-topitem-icon" src="../../source/imageSource/page1_icon_zhidao_n@3x.png" />-->
180   - <image class="home__list-topitem-icon" src="../../source/imageSource/page1_icon_zhidao_n@3x.png" />
181   - </view>
182   - <view class="weui-cell__bd weui-cell_primary">
183   - <view class="home__list-topitem-text">高危精准指导</view>
184   - </view>
185   - <view class="weui-cell__ft weui-cell__ft_in-access"></view>
186   - </navigator>
187   -
188   -
189   - <block wx:for="{{crisisCategorie}}" wx:key="{{id}}" wx:for-index="index">
190   - <navigator url="../articleDetail/articleDetail?artIndex={{index}}&categoryIndex=-1&id={{item.id}}&category=高危精准指导" class="weui-media-box weui-media-box_appmsg home__list-item" hover-class="weui-cell_active" wx:if="{{item.image.medium}}">
191   - <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
192   - <image class="home__list__img" src="{{item.image.medium}}" mode="aspectFill"/>
193   - </view>
194   - <view class="weui-media-box__bd weui-media-box__bd_in-appmsg home__list-item-content">
195   - <view class="home__list-item__right">
196   - <view class="weui-media-box__title home__list-item__title">{{item.title}}</view>
197   - <view class="home__list-item__like">
198   - <image class="home__list-item__title-like-icon" src="../../source/imageSource/page1_icon_dianzhan_n@3x.png"/>
199   - <view class="home__list-item__title-like-count">{{item.likeCount == null ? 0 : item.likeCount}}</view>
200   - </view>
201   - </view>
202   - <view class="weui-media-box__desc" style="borth">{{item.introduction}}</view>
203   - </view>
204   - <view class="home__list-item__top" wx:if="{{artIdx == 1}}"></view>
205   - </navigator>
206   - <navigator url="../articleDetail/articleDetail?artIndex={{artIdx}}&categoryIndex=-1&id={{item.id}}&category=高危精准指导" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active" wx:else>
207   - <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
208   - <view class="home__list-item__right">
209   - <view class="weui-media-box__title home__list-item__title">{{item.title}}</view>
210   - <view class="home__list-item__like">
211   - <image class="home__list-item__title-like-icon" src="../../source/imageSource/page1_icon_dianzhan_n@3x.png"/>
212   - <view class="home__list-item__title-like-count">{{item.likeCount == null ? 0 : item.likeCount}}</view>
213   - </view>
214   - </view>
215   - <view class="weui-media-box__desc" style="borth">{{item.introduction}}</view>
216 49 </view>
217   - <view class="home__list-item__top" wx:if="{{index == 1}}"></view>
218   - </navigator>
219   - </block>
220   -</view>
221   -<!-- 列表 -->
222   - <block wx:for="{{articleList}}" wx:key="{{id}}" wx:for-index="index">
223   - <view class="home__list" wx:if="{{item.article.length > 0}}">
224   - <navigator url="../articleLists/articleLists?id={{item.id}}&category={{item.title}}" class="weui-cell weui-cell_access home__list__topitem" hover-class="weui-cell_active">
225   - <view class="weui-cell__hd">
226   - <!--<image class="home__list-topitem-icon" src="../../source/imageSource/page1_icon_zhidao_n@3x.png" />-->
227   - <image class="home__list-topitem-icon" src="{{item.iconimage.medium}}" />
228   -
229   - </view>
230   - <view class="weui-cell__bd weui-cell_primary">
231   - <view class="home__list-topitem-text">{{item.title}}</view>
232   - </view>
233   - <view class="weui-cell__ft weui-cell__ft_in-access"></view>
234   - </navigator>
235   - <block wx:for="{{item.article}}" wx:key="{{item.id}}" wx:for-item="art" wx:for-index="artIdx">
236   - <!--category是栏目序号与名字（没有文章的栏目要删掉，所以做判断） artIndex是栏目下文章序号 有图片就显示这种-->
237   - <navigator url="../articleDetail/articleDetail?artIndex={{artIdx}}&categoryIndex={{index}}&id={{art.id}}&category={{item.title}}" class="weui-media-box weui-media-box_appmsg home__list-item" hover-class="weui-cell_active" wx:if="{{art.image.medium}}">
238   - <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
239   - <image class="home__list__img" src="{{art.image.medium}}" mode="aspectFill"/>
240   - </view>
241   - <view class="weui-media-box__bd weui-media-box__bd_in-appmsg home__list-item-content">
242   - <view class="home__list-item__right">
243   - <view class="weui-media-box__title home__list-item__title">{{art.title}}</view>
244   - <view class="home__list-item__like">
245   - <image class="home__list-item__title-like-icon" src="../../source/imageSource/page1_icon_dianzhan_n@3x.png"/>
246   - <view class="home__list-item__title-like-count">{{art.likeCount == null ? 0 : art.likeCount}}</view>
247   - </view>
248   - </view>
249   - <view class="weui-media-box__desc" style="borth">{{art.introduction}}</view>
250   - </view>
251   - <view class="home__list-item__top" wx:if="{{artIdx == 1}}"></view>
252   - </navigator>
  50 + <view class="foundation_item_small" style="{{item_small}}">
253 51  
254   - <navigator url="../articleDetail/articleDetail?artIndex={{artIdx}}&categoryIndex={{index}}&id={{art.id}}&category={{item.title}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active" wx:else>
255   - <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
256   - <view class="home__list-item__right">
257   - <view class="weui-media-box__title home__list-item__title">{{art.title}}</view>
258   - <view class="home__list-item__like">
259   - <image class="home__list-item__title-like-icon" src="../../source/imageSource/page1_icon_dianzhan_n@3x.png"/>
260   - <view class="home__list-item__title-like-count">{{art.likeCount == null ? 0 : art.likeCount}}</view>
261   - </view>
262   - </view>
263   - <view class="weui-media-box__desc" style="borth">{{art.introduction}}</view>
264   - </view>
265   - <view class="home__list-item__top" wx:if="{{artIdx == 1}}"></view>
266   - </navigator>
267   - </block>
268 52 </view>
269   - </block>
  53 + </view>
  54 + <!--文章列表-->
  55 + <view class="article_bg">
  56 + <view class="article_title util_bottom_line">日常护理</view>
  57 + <view class="article_content">
  58 + <view class="article_content_title">如何提防新生儿败血症</view>
  59 + <view class="article_content_text">败血症(septicemia)的意思是致病菌或条件致病菌侵入血循环，在人的血液当中生长繁殖，产生毒素造成急性全身性感</view>
  60 + <view class="article_content_image"></view>
  61 + </view>
  62 + </view>
270 63 </view>
littleApp_child/pages/home/home.wxss View file @ 9f95198
  1 +@import "../../utils/util_UI.wxss";
1 2 /*通用*/
2 3 text {
3 4 font-size: 11px;
... ... @@ -10,6 +11,14 @@
10 11 height:202px;
11 12 }
12 13  
  14 +.promptText {
  15 + background: #f4879b;
  16 + font: bold;
  17 + text-align: center;
  18 + font-size: 10px;
  19 + color: white;
  20 +}
  21 +
13 22 .TopBgImage {
14 23 width:100%;
15 24 height:202px;
16 25  
17 26  
18 27  
19 28  
20 29  
21 30  
22 31  
23 32  
24 33  
25 34  
26 35  
27 36  
28 37  
29 38  
... ... @@ -94,331 +103,55 @@
94 103 text-align: center;
95 104 line-height: 30px;
96 105 }
97   -/*中间功能模块的整个框架*/
98   -.founctionModelBG {
99   - /*width: 100%;*/
100   - height: 24%;
101   - margin-top: 4px;
102   - margin-left: 3px;
103   - margin-right: 2px;
104   -}
105 106  
106   -.modelBig {
107   - width: 54%;
108   - height: 100%;
109   - background-color: white;
110   - border-radius: 4px;
111   - float: left;
112   - position: relative;
  107 +/*---------foundation---------*/
  108 +.foundation_BG {
  109 + margin-left: 5px;
  110 + margin-right: 5px;
  111 + background: green;
  112 + /* display: flex;
  113 + flex-wrap: wrap; */
113 114 }
114 115  
115   -.modelSmallBG {
116   - width: 23%;
117   - background-color: #d8dbd4;
118   - height: 50%;
119   - float: left;
120   - position: relative;
  116 +.foundation_item_big {
  117 + width: 50%;
  118 + background: white;
  119 + /* display: inline-block; */
  120 + float: left
121 121 }
122 122  
123   -.modelSmall {
124   - background-color: white;
125   - border-radius: 4px;
126   - position: absolute;
127   - /*垂直居中*/
128   - /*display: flex;
129   - justify-content:center;
130   - align-items:Center;*/
  123 +.foundation_item_small {
  124 + background: yellow;
  125 + /* display: inline-block; */
  126 + margin-top: 5px;
  127 + margin-left: 5px;
  128 + float: left
131 129 }
132 130  
133   -.modelSmallContent {
134   - width: 80%;
135   - height: 50px;
136   - margin-left: 50%;
137   - margin-top: 50%;
138   - transform: translateX(-50%) translateY(-65%);
139   -}
140 131  
141   -/*功能模块小图标*/
142   -.iconBg {
143   - width:38px;
144   - height:38px;
145   - position: absolute;
146   - border-radius: 50%;
147   - left: 50%;
148   - transform: translateX(-50%);
149   -}
  132 +/*---------文章列表---------*/
  133 +.article_bg {
150 134  
151   -.icon {
152   - width:38px;
153   - height:38px;
154   - margin-left: 50%;
155   - transform: translateX(-50%);
156 135 }
157 136  
158   -
159   -/*// 新增模块*/
160   -
161   -.newModelBg {
162   - margin-top: 3px;
163   - margin-left: 3px;
164   - margin-right: 2px;
165   - height: 12%;
166   - display: flex;
167   - flex-direction: row;
168   - justify-content: space-between;
169   -}
170   -
171   -.newModel_big {
172   - height: 100%;
173   - width: 55.2%;
174   - border-radius: 4px;
175   - background-color: white;
176   - display: flex;
177   - justify-content:center;
178   - align-items:Center;
179   -}
180   -
181   -.modelBigContent {
182   - width: 38px;
183   - height: 52px;
184   -}
185   -
186   -.newModel_small {
187   - margin-left: 2px;
188   - height: 100%;
189   - width: 23%;
190   - border-radius: 4px;
191   - background-color: white;
192   - position: relative;
193   -}
194   -
195   -.newIconBg {
196   - width: 38px;
197   - height: 38px;
198   - border-radius: 50%;
199   - margin-left: 50%;
200   - transform: translateX(-50%);
201   -}
202   -
203   -.newModelText {
204   - margin-top: -6px;
205   - transform: translateX(-25%);
206   - text-align: center;
207   - color: #979797;
208   - font-size: 10px;
209   - font: medium;
210   - width: 180%;
211   -}
212   -
213   -.highRisk_Bg {
  137 +.article_title {
  138 + height: 30px;
214 139 background: white;
215   - margin-left: 3px;
216   - margin-top: 3px;
217   - margin-right: 3px;
218 140 }
219 141  
220   -/*首页列表文章 顶部的item 布局*/
221   -.home__list{
  142 +.article_content {
222 143 background: white;
223   - border-radius: 4px;
224   - margin: 3px;
225 144 }
226 145  
227   -/*首页列表文章 顶部的item 布局*/
228   -.home__list__topitem{
229   - border-bottom: 1rpx solid #d8dbd4;
230   -}
231   -
232   -/*首页列表文章 顶部的的item 布局 的图标*/
233   -.home__list-topitem-icon{
234   - /*垂直居中*/
235   - display: flex;
236   - justify-content:center;
237   - align-items:Center;
238   - width: 20px;
239   - height: 20px;
240   - margin-right: 6px
241   -}
242   -
243   -/*首页列表文章 顶部的的item 布局 的文字*/
244   -.home__list-topitem-text{
245   - font-size: 16px;
246   - font:medium;
247   - color: #60c7ed
248   -}
249   -
250   -/*首页列表文章 item 最外层布局*/
251   -.home__list-item{
252   - /*border-bottom: 1rpx solid #E5E5E5;*/
253   - /*left: 20px*/
254   - position: relative
255   -}
256   -
257   -/*item 分割线*/
258   -.home__list-item__top{
259   - position: absolute;
260   - /*width: 100%;*/
261   - height: 1rpx;
262   - background: #d8dbd4;
263   - top: 0px;
264   - left: 15px;
265   - right: 15px
266   -}
267   -
268   -/*首页列表文章 item 外层布局 右侧*/
269   -.home__list-item__right{
270   - width: 100%;
271   - height: 32px;
272   - position:relative;
273   -}
274   -
275   -/*首页列表文章 item 的文章图片*/
276   -.home__list__img{
277   - width: 80px;
278   - height: 100%;
279   - vertical-align: top;
280   - /*垂直居中*/
281   - display: flex;
282   - justify-content:center;
283   - align-items:Center;
284   -}
285   -
286   -.home__list-item-content{
287   - margin-left: 15px
288   -}
289   -
290   -/*首页列表文章 item 内的title 布局*/
291   -.home__list-item__title{
292   - position:absolute;
293   - top: 0px;
294   - left: 0px;
295   - right: 60px;
296   - font-size: 14px;
297   - color: #5e5e5e;
298   - font:normal;
299   -}
300   -
301   -/*首页列表文章 item 内的的点赞 布局*/
302   -.home__list-item__like{
303   - position: absolute;
304   - top: 0px;
305   - right: 0px;
306   - /*垂直居中
307   - display: flex;
308   - justify-content:center;
309   - align-items:Center;*/
310   -}
311   -
312   -/*首页列表文章 item 内的点赞手图标*/
313   -.home__list-item__title-like-icon {
314   - position: absolute;
315   - width: 10px;
316   - height: 10px;
317   - right: 0px;
318   - left: 0px;
319   - top: 7px
320   -}
321   -
322   -/*首页列表文章 item 内的的点赞 数*/
323   -.home__list-item__title-like-count {
324   - /*这个宽度设置后可以变化点赞数整个布局的位置前移后移*/
325   - width: 30px;
326   - margin-left:15px;
327   - font-size: 10px;
328   - margin-top: 4px;
329   - color: #c8c6c6;
330   - overflow: hidden;
331   - text-overflow: ellipsis;
332   -}
333   -
334   -.promptText {
335   - background: #f4879b;
336   - font: bold;
337   - text-align: center;
338   - font-size: 10px;
339   - color: white;
340   -}
341   -
342   -/*-----------------------------------是否有建档-------------------------------------------*/
343   -.whetherTheDocument {
344   - /*position: relative;*/
345   - width: 100%;
346   - height: 100%;
347   -}
348   -
349   -.background {
350   - width: 100%;
351   - height: 100%;
352   -}
353   -
354   -.noDocumentButton{
355   - position: relative;
356   - margin-top: 66px;
357   - height: 170px;
358   - margin-left: 35px;
359   - width: 80%;
360   - border-radius: 4px;
  146 +.article_content_title {
361 147 background: white;
362 148 }
363 149  
364   -.documentButton{
365   - position: relative;
366   - margin-top: 20px;
367   - height: 170px;
368   - margin-left: 35px;
369   - width: 80%;
370   - border-radius: 4px;
  150 +.article_content_text {
371 151 background: white;
372 152 }
373 153  
374   -.prenatalScreen{
375   - position: relative;
376   - margin-top: 20px;
377   - height: 170px;
378   - margin-left: 35px;
379   - width: 80%;
380   - border-radius: 4px;
  154 +.article_content_image {
381 155 background: white;
382   -}
383   -
384   -.documentBgImage {
385   - position: absolute;
386   - width: 100%;
387   - height: 100%;
388   - top: 0;
389   - z-index: 0;
390   - border-radius: 4px;
391   -}
392   -
393   -.title{
394   - position: absolute;
395   - font-weight: bold;
396   - font-size: 20px;
397   - color: #ee7289;
398   - line-height: 20px;
399   - top: 20px;
400   - right: 20px;
401   - bottom: 8px;
402   - left: 20px;
403   -}
404   -
405   -.documentIcon {
406   - width: 20px;
407   - height: 20px;
408   - position: absolute;
409   - top: 21px;
410   - right: 20px;
411   - bottom: 8px;
412   - left: 110px;
413   -}
414   -
415   -.content{
416   - position: absolute;
417   - font:medium;
418   - color: #5e5e5e;
419   - font-size: 12px;
420   - right: 20px;
421   - left: 20px;
422   - top: 44px;
423 156 }
littleApp_child/utils/util_UI.wxss View file @ 9f95198
... ... @@ -50,4 +50,8 @@
50 50 .prohibit {
51 51 background-color: #ECECEC;
52 52 }
  53 +
  54 +.util_bottom_line {
  55 + border-bottom: 1px solid #f4879b;
  56 +}