luoye / littleApp_child

Download as
Browse Code »

Commit aef355a4db61f936d355fde4a3c93340346a88dc

Authored by xianghenggang
2 parents 4708152e7b 93cac66c93
Exists in master and in 2 other branches dev-wrh, dev_wjl

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

Showing 10 changed files

littleApp_child/app.wxss View file @ aef355a
... ... @@ -13,7 +13,7 @@
13 13 .backgroundView {
14 14 height: 100%;
15 15 width: 100%;
16   - background-color: #d8dbd4;
  16 + background-color: rgb(244, 244, 244);
17 17 }
18 18  
19 19 .horizontalCenter {
... ... @@ -25,7 +25,7 @@
25 25  
26 26 page{
27 27 height:100%;
28   - background: #d8dbd4
  28 + background: rgb(244, 244, 244);
29 29 }
30 30  
31 31 .linebackgroundcolor{
littleApp_child/pages/home/home.wxml View file @ aef355a
... ... @@ -36,20 +36,20 @@
36 36 <!--功能模块-->
37 37 <view class="foundation_BG" style="{{item_big_height}}">
38 38 <navigator class="foundation_item_small" url="../inspectionReport/inspectionReport">
39   - <image src="../../source/test.png" class="foundation_item_small_image"></image>
40   - <view class="foundation_item_small_text">检查记录</view>
  39 + <image src="../../source/jianchajilu.png" class="foundation_item_small_image"></image>
  40 + <view class="foundation_item_small_text">儿保检查记录</view>
41 41 </navigator>
42 42 <navigator class="foundation_item_small" url="../childcare_knowledge/childcare_knowledge">
43   - <image src="../../source/test.png" class="foundation_item_small_image"></image>
  43 + <image src="../../source/except.png" class="foundation_item_small_image"></image>
44 44 <view class="foundation_item_small_text">育儿百科</view>
45 45 </navigator>
46 46 <navigator class="foundation_item_small" url="../childcare_knowledge/childcare_knowledge">
47   - <image src="../../source/test.png" class="foundation_item_small_image"></image>
  47 + <image src="../../source/yuerzhishi.png" class="foundation_item_small_image"></image>
48 48 <view class="foundation_item_small_text">育儿知识</view>
49 49 </navigator>
50 50 <navigator class="foundation_item_small">
51   - <image src="../../source/test.png" class="foundation_item_small_image"></image>
52   - <view class="foundation_item_small_text">检查记录</view>
  51 + <image src="../../source/xiaoxitongzhi.png" class="foundation_item_small_image"></image>
  52 + <view class="foundation_item_small_text">消息通知</view>
53 53 </navigator>
54 54 </view>
55 55  
56 56  
... ... @@ -57,9 +57,9 @@
57 57 <view class="article_list">
58 58 <view class="article_bg">
59 59 <navigator url="url" class="navigator_class">
60   - <image class="article_title_image" src=""></image>
  60 + <image class="article_title_image"></image>
61 61 <view class="article_title">日常护理</view>
62   - <image class="article_title_indicator" src=""></image>
  62 + <image class="article_title_indicator" src="../../source/gengduo.png"></image>
63 63 </navigator>
64 64 <navigator class="article_content">
65 65 <view style="height:6px;width:100%;"></view>
... ... @@ -70,8 +70,8 @@
70 70 <!-- <view class="article_content_bottomBar_labels">
71 71 </view> -->
72 72 <view class="article_content_bottomBar_likes">
73   - <image class="article_content_bottomBar_likes_icon" src=""></image>
74   - <label style="font-size: 10px;color: #C8C6C6;">111</label>
  73 + <image class="article_content_bottomBar_likes_icon" src="../../source/like.png"></image>
  74 + <label class="article_content_bottomBar_likes_text">111</label>
75 75 </view>
76 76 </view>
77 77 </navigator>
littleApp_child/pages/home/home.wxss View file @ aef355a
1 1 @import "../../utils/util_UI.wxss";
  2 +
2 3 /*通用*/
3 4 text {
4 5 font-size: 11px;
5 6  
6 7  
7 8  
8 9  
... ... @@ -112,25 +113,23 @@
112 113  
113 114 /*---------foundation---------*/
114 115 .foundation_BG {
115   - background: green;
116 116 width: 100%;
117 117 display: flex;
118 118 flex-wrap: nowrap;
  119 + background: white;
119 120 }
120 121  
121 122 .foundation_item_big {
122 123 width: 50%;
123 124 background: white;
124 125 /* display: inline-block; */
125   - float: left
  126 + float: left;
126 127 }
127 128  
128 129 .foundation_item_small {
129   - background: yellow;
130 130 /* margin-top: 5px;
131 131 margin-left: 5px; */
132 132 width: 25%;
133   - border: 1px saddlebrown solid;
134 133 display: flex;
135 134 flex-direction: column;
136 135 align-items: center;
... ... @@ -138,7 +137,6 @@
138 137 }
139 138  
140 139 .foundation_item_small_image {
141   - background: red;
142 140 height: 45%;
143 141 width: 45%;
144 142 margin-top: 3px;
145 143  
146 144  
... ... @@ -159,13 +157,16 @@
159 157 margin-right: 5px;
160 158 margin-top: 11px;
161 159 }
  160 +.article_bg {
  161 + margin-bottom: 10px;
  162 +}
162 163 /* 栏目标题前面图 */
163 164 .article_title_image {
164 165 width: 2px;
165 166 height: 14px;
166   - background: green;
167 167 margin-left: 15px;
168   - transform: translateY(2px);
  168 + transform: translateY(2px);
  169 + background: #48C17B
169 170 }
170 171 /* 栏目标题文字 */
171 172 .article_title {
... ... @@ -181,7 +182,6 @@
181 182 width: 5.5px;
182 183 height: 10.2px;
183 184 float: right;
184   - background: rebeccapurple;
185 185 margin-right: 10px;
186 186 margin-top: 12px;
187 187 }
... ... @@ -215,7 +215,6 @@
215 215 /* 内容图 */
216 216 .article_content_image {
217 217 float: right;
218   - background: gray;
219 218 margin-right: 11px;
220 219 width: 74px;
221 220 height: 74px;
222 221  
223 222  
... ... @@ -235,15 +234,21 @@
235 234 .article_content_bottomBar_likes {
236 235 float: left;
237 236 width: 50px;
238   - margin-left: 15px;
  237 + margin-left: 10px;
239 238 }
240 239  
241 240 .article_content_bottomBar_likes_icon {
242   - height: 11px;
243   - width: 11px;
244   - background: rebeccapurple;
  241 + height: 22px;
  242 + width: 22px;
245 243 margin-right: 4px;
246   - transform: translateY(2px);
  244 +}
  245 +
  246 +/* 点赞文字 */
  247 +.article_content_bottomBar_likes_text {
  248 + font-size: 10px;
  249 + color: #C8C6C6;
  250 + transform: translateY(-7px);
  251 + display: inline-block;
247 252 }
248 253  
249 254 .navigator_class {
littleApp_child/source/except.png View file @ aef355a

3.42 KB
littleApp_child/source/gengduo.png View file @ aef355a

504 Bytes
littleApp_child/source/jianchajilu.png View file @ aef355a

3.18 KB
littleApp_child/source/like.png View file @ aef355a

711 Bytes
littleApp_child/source/xiaoxitixing.png View file @ aef355a

3.4 KB
littleApp_child/source/xiaoxitongzhi.png View file @ aef355a

4.35 KB
littleApp_child/source/yuerzhishi.png View file @ aef355a

4.47 KB