luoye / littleApp_child

Download as
Browse Code »

Commit bea27175666375f883238674354090c015999921

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

跳转

Showing 2 changed files with 38 additions and 11 deletions

littleApp_child/pages/home/home.wxml View file @ bea2717
... ... @@ -36,8 +36,10 @@
36 36 <!--功能模块-->
37 37 <view class="foundation_BG" style="{{item_big_height}}">
38 38 <view class="foundation_item_big" style="{{item_big_height}}">
39   -
  39 +
40 40 </view>
  41 + <navigator class="foundation_item_small" style="{{item_small}}" url="../childcare_knowledge/childcare_knowledge">
  42 + </navigator>
41 43 <view class="foundation_item_small" style="{{item_small}}">
42 44  
43 45 </view>
44 46  
45 47  
46 48  
... ... @@ -47,17 +49,16 @@
47 49 <view class="foundation_item_small" style="{{item_small}}">
48 50  
49 51 </view>
50   - <view class="foundation_item_small" style="{{item_small}}">
51   -
52   - </view>
53 52 </view>
  53 +
54 54 <!--文章列表-->
55 55 <view class="article_bg">
  56 + <image class="article_title_image" src=""></image>
56 57 <view class="article_title util_bottom_line">日常护理</view>
57 58 <view class="article_content">
58 59 <view class="article_content_title">如何提防新生儿败血症</view>
59   - <view class="article_content_text">败血症(septicemia)的意思是致病菌或条件致病菌侵入血循环，在人的血液当中生长繁殖，产生毒素造成急性全身性感</view>
60   - <view class="article_content_image"></view>
  60 + <label class="article_content_text">败血症(septicemia)的意思是致病菌或条件致病菌侵入血循环，在人的血液当中生长繁殖，产生毒素造成急性全身性感</label>
  61 + <image class="article_content_image" src=""></image>
61 62 </view>
62 63 </view>
63 64 </view>
littleApp_child/pages/home/home.wxss View file @ bea2717
... ... @@ -134,26 +134,52 @@
134 134 margin-top: 5px;
135 135 margin-left: 5px;
136 136 margin-right: 5px;
  137 + background: white;
137 138 }
138 139  
  140 +.article_title_image {
  141 + width: 10px;
  142 + height: 10px;
  143 + background: rebeccapurple;
  144 + margin-left: 15px;
  145 +}
139 146 .article_title {
140 147 height: 30px;
141   - background: white;
  148 + display: inline-block;
142 149 }
143 150  
144 151 .article_content {
145   - background: white;
146 152 }
147 153  
148 154 .article_content_title {
149   - background: white;
150 155 }
151 156  
152 157 .article_content_text {
153   - background: white;
  158 + background: blue;
  159 + margin-left: 5px;
  160 + margin-right: 85px;
  161 + display: inline-block;
  162 + overflow: hidden;
  163 + text-overflow: ellipsis;
  164 + display: -webkit-box;
  165 + -webkit-box-orient: vertical;
  166 + -webkit-line-clamp: 2 ;
154 167 }
155 168  
156 169 .article_content_image {
157   - background: white;
  170 + float: right;
  171 + background: gray;
  172 + width: 40px;
  173 + height: 30px;
  174 + transform: translateY(-60px);
  175 +}
  176 +
  177 +
  178 +
  179 +
  180 +
  181 +.navigator_full {
  182 + margin: 0;
  183 + background: rebeccapurple
158 184 }