luoye / littleApp_child

Download as
Browse Code »

Commit 62a60a4282d35dbe2336f3e455979f694d735440

Authored by luoye
2 parents 432e8f5e5b 8dc43b27e3
Exists in master and in 2 other branches dev-wrh, dev_wjl

Merge branch 'master' of https://git.healthbaby.com.cn/luoye/littleapp_child 

* 'master' of https://git.healthbaby.com.cn/luoye/littleapp_child:
  no message

Showing 3 changed files

littleApp_child/pages/system_notifacations/system_notifacations.json View file @ 62a60a4
1 1 {
2 2 "navigationBarBackgroundColor": "#48C17B ",
3   - "navigationBarTitleText": "育儿知识",
  3 + "navigationBarTitleText": "系统通知",
4 4 "navigationBarTextStyle": "white",
5 5 "backgroundColor": "#d8dbd4"
6 6 }
littleApp_child/pages/system_notifacations/system_notifacations.wxml View file @ 62a60a4
1   -<!--articleLists.wxml 文章列表-->
2   -<view class="title_top_view">
3   - <image class="search_img" src="../../source/ic_search.png"></image>
4   - <scroll-view class="title_scroll" scroll-x="true" scroll-y="false">
5   - <label class="scroll_title_label " wx:for="{{titles}}">
6   - <label style="{{current_index == index? 'border-bottom: 2px solid #f4879b;' : 'border-bottom:0px solid #f4879b;'}}" class="title_text" bindtap="titleClick" data-index="{{index}}">{{item}}</label>
7 1  
8   - </label>
9   - </scroll-view>
10   -</view>
11 2 <view class="main">
12 3  
13   - <scroll-view bindscrolltolower="loadMore">
14   - <swiper hidden="{{images.length > 0 ? false : true}}" class="swiper" indicator-dots="false" indicator-active-color="#ffffff">
15   - <block wx:for="{{images}}">
16   - <swiper-item>
17   - <image src="{{item}}"></image>
18   - </swiper-item>
19   - </block>
20   - </swiper>
  4 + <scroll-view style="" bindscrolltolower="loadMore">
  5 +
21 6 <view>
22   - <navigator url="../childcare_knowledge_detail/childcare_knowledge_detail" hover-class="weui-cell_active" wx:for="{{list}}" wx:key="{{index}}">
23   - <view class="content_item">
24   - <view style="margin-left:15px;margin-right:75px;">
25   - <view class="content_title">{{item.title}}</view>
26   - <view class="content_content">{{item.content}}</view>
27   - <view class="zar_box">
28   - <image class="zar_img" src="../../source/zar.png"></image>
29   - <view class="content_zar">{{item.zar}}</view>
30   - </view>
31   -
  7 + <block hover-class="weui-cell_active" wx:for="{{list}}">
  8 + <view class="high_risk_main">
  9 + <view class="high_risk_title">高危紧急通知</view>
  10 + <view class="high_rish_content1">
  11 + <label class="high_rish_content_before">危急值：</label>
  12 + <label class="high_rish_content_after">危急值</label>
32 13 </view>
33   - <image class="content_image" src="{{item.image}}"></image>
34   - </view>
35   - <view class="home__list-item__bottom"></view>
36   - </navigator>
  14 + <view class="high_rish_content1">
  15 + <label class="high_rish_content_before">危急项：</label>
  16 + <label class="high_rish_content_after">危急项</label>
  17 + </view>
  18 + <view class="high_rish_content1">
  19 + <label class="high_rish_content_before">紧急提醒：</label>
  20 + <label class="high_rish_content_after">qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm</label>
  21 + </view>
  22 + <view class="line"></view>
  23 + <view class="high_rish_content1">
  24 + <label class="high_rish_date">2017-7</label>
  25 + <label class="high_rish_hospital_name">紧急提醒</label>
  26 + </view>
  27 + </view>
  28 + <view class="other_three_main">
  29 + <view class="green_line"></view>
  30 + <view class="other_three_title">高危紧急通知</view>
  31 + <view class="other_three_content">公司的复苏的还记得公司的复苏的还记得公司的复苏的还记得</view>
  32 + <view class="line"></view>
  33 + <view class="high_rish_content1">
  34 + <label class="other_three_date">2017-7</label>
  35 + <label class="other_three_hospital_name">紧急提醒</label>
  36 + </view>
  37 + </view>
  38 + </block>
37 39 <view class="loadMoreView" wx:if="{{hasMore}}">加载更多...</view>
38 40 </view>
39 41 </scroll-view>
littleApp_child/pages/system_notifacations/system_notifacations.wxss View file @ 62a60a4
1 1 .main {
2   - background: #fff;
  2 + background: #eee;
3 3 width: 100%;
4   - margin-top: 40px;
5 4 }
6 5  
7   -.title_top_view {
8   - width: 100%;
9   - display: flex;
10   - background: white;
11   - position: fixed;
12   - height: 40px;
13   - padding-left: 10px;
14   - top: 0px;
15   - z-index: 1;
  6 +/*高危 */
  7 +
  8 +.high_risk_main {
  9 + margin-left: 10px;
  10 + margin-right: 10px;
  11 + margin-top: 10px;
  12 + background: #fff;
16 13 }
17 14  
18   -.title_scroll {
19   - width: 90%;
20   - margin-left: 10px;
21   - /*可以滚动 */
22   - white-space: nowrap;
23   - display: inline-block;
  15 +.high_risk_title {
  16 + height: 38px;
  17 + width: 100%;
  18 + background: #f67272;
  19 + line-height: 38px;
  20 + text-align: center;
  21 + font-size: 14px;
  22 + color: #fff;
  23 + letter-spacing: 0;
  24 + border-radius: 4px 4px 0 0;
24 25 }
25 26  
26   -/*隐藏Scrollview滚动条 */
27   -
28   -::-webkit-scrollbar {
29   - width: 0;
30   - height: 0;
31   - color: transparent;
  27 +.high_rish_content1 {
  28 + padding-left: 10px;
  29 + padding-right: 10px;
  30 + margin-top: 5px;
  31 + display: flex;
32 32 }
33 33  
34   -.scroll_title_label {
35   - height: 40px;
36   - margin-right: 30px;
  34 +.high_rish_content_before {
  35 + width: 25%;
  36 + font-size: 12px;
  37 + color: #222;
37 38 text-align: left;
38   - line-height: 40px;
39   - border: 1px;
40   - font-size: 13px;
41   - color: #494949;
42   - border-bottom: 2px;
43   - border-color: #FF5E5E ;
  39 + display: flex;
  40 + letter-spacing: 0;
44 41 }
45 42  
46   -.title_text {
47   - font-size: 13px;
48   - padding-top: 10px;
49   - padding-bottom: 7px;
  43 +.high_rish_content_after {
  44 + width: 75%;
  45 + font-size: 12px;
  46 + color: #888;
  47 + letter-spacing: 0;
  48 + text-align: left;
  49 + display: flex;
  50 + word-break: break-all;
50 51 }
51 52  
52   -.search_img {
53   - width: 22px;
54   - height: 22px;
55   - margin-top: 9px;
  53 +.line {
  54 + width: 100%;
  55 + border: 0.5px solid #ececec;
  56 + margin-top: 5px;
56 57 }
57 58  
58   -.home__list-item {
59   - position: relative;
60   - background: white;
  59 +.high_rish_date {
  60 + width: 25%;
  61 + font-size: 12px;
  62 + color: #7b7883;
  63 + letter-spacing: 0;
  64 + margin-top: 5px;
  65 + margin-bottom: 5px;
61 66 }
62 67  
63   -.swiper {
64   - height: 200px;
65   - width: 100%;
  68 +.high_rish_hospital_name {
  69 + width: 75%;
  70 + font-size: 12px;
  71 + color: #7b7883;
  72 + letter-spacing: 0;
  73 + margin-top: 5px;
  74 + text-align: right;
  75 + margin-bottom: 5px;
66 76 }
67   -
68   -.swiper image {
69   - height: 100%;
70   - width: 100%;
  77 +.other_three_main {
  78 + margin-left: 10px;
  79 + margin-right: 10px;
  80 + margin-top: 10px;
  81 + background: #fff;
71 82 }
72   -
73   -.content_item {
  83 +.green_line {
74 84 width: 100%;
75   - height: 75px;
76   - right: 75px;
  85 + background: #48C17B;
  86 + height: 2px;
77 87 }
78   -
79   -.content_title {
80   - font-family: PingFangSC-Regular;
  88 +.other_three_title{
  89 + height: 38px;
  90 + width: 100%;
  91 + line-height: 38px;
  92 + text-align: center;
81 93 font-size: 14px;
82   - margin-top: 10px;
83   - color: #222;
84   - display: -webkit-box;
85   - -webkit-box-orient: vertical;
86   - -webkit-line-clamp: 2;
87   - overflow: hidden;
  94 + font-weight: bold;
  95 + color: #333;
  96 + letter-spacing: 0;
88 97 }
89   -
90   -.content_content {
91   - height: 36px;
92   - font-family: PingFangSC-Regular;
  98 +.other_three_content {
  99 +
93 100 font-size: 12px;
94 101 color: #888;
95   - line-height: 18px;
96   - display: -webkit-box;
97   - overflow: hidden;
98   - text-overflow: ellipsis;
  102 + letter-spacing: 0;
  103 + text-align: left;
  104 + margin-left: 10px;
  105 + margin-right: 10px;
  106 + display: flex;
99 107 word-break: break-all;
100   - -webkit-box-orient: vertical;
101   - -webkit-line-clamp: 2;
102 108 }
103   -
104   -
105   -
106   -.content_image {
107   - width: 50px;
108   - transform: translateY(-65px);
109   - float: right;
110   - margin-right: 15px;
111   - height: 50px;
112   -}
113   -.zar_box{
114   - display: flex;
115   -}
116   -.zar_img{
117   - width: 22px;
118   - height: 22px;
119   -}
120   -.content_zar {
121   - font-family: PingFangSC-Regular;
122   - font-size: 10px;
123   - margin-left: 3px;
124   - margin-top: 3px;
125   - color: #c6c6c6;
126   -}
127   -/*item 分割线*/
128   -
129   -.home__list-item__bottom {
130   - height: 2px;
131   - background: #d8dbd4;
  109 +.other_three_date {
  110 + width: 25%;
  111 + font-size: 12px;
  112 + color: #999999;
  113 + letter-spacing: 0;
  114 + margin-top: 5px;
132 115 margin-bottom: 5px;
  116 +}
  117 +.other_three_hospital_name{
  118 + width: 75%;
  119 + font-size: 12px;
  120 + color: #999999;
  121 + letter-spacing: 0;
133 122 margin-top: 5px;
134   - left: 15px;
135   - right: 15px;
  123 + text-align: right;
  124 + margin-bottom: 5px;
136 125 }