Commit 00daf49b94c849b2b797c8404f08d94a8c582564
1 parent
ab6833cfb8
Exists in
master
and in
2 other branches
报告页面
Showing 3 changed files with 76 additions and 7 deletions
littleApp_child/pages/articleDetail/articleDetail.wxml
View file @
00daf49
| ... | ... | @@ -36,9 +36,41 @@ |
| 36 | 36 | <view class="hospitalName" wx:if="{{userData.checkhospital}}">{{userData.checkhospital}}</view> |
| 37 | 37 | <view class="title_banner">检查项目</view> |
| 38 | 38 | <view class="report_list_bg"> |
| 39 | - <scroll-view class="report_list_scroll" scroll-y="true" bindscrolltolower="myScroll"> | |
| 40 | - <view class="report_list_item"> | |
| 41 | - <image src="src"></image> | |
| 39 | + <scroll-view class="report_list_scroll" scroll-x="true"> | |
| 40 | + <view class="report_list_item_bg"> | |
| 41 | + <navigator class="report_list_item"> | |
| 42 | + <image src="../../source/erkejiancha.png"></image> | |
| 43 | + <view class="greenColor report_list_item_dot"></view> | |
| 44 | + <label>儿保检查</label> | |
| 45 | + </navigator> | |
| 46 | + </view> | |
| 47 | + <view class="report_list_item_bg"> | |
| 48 | + <navigator class="report_list_item"> | |
| 49 | + <image src="../../source/erkejiancha.png"></image> | |
| 50 | + <view class="greenColor report_list_item_dot"></view> | |
| 51 | + <label>儿保检查</label> | |
| 52 | + </navigator> | |
| 53 | + </view> | |
| 54 | + <view class="report_list_item_bg"> | |
| 55 | + <navigator class="report_list_item"> | |
| 56 | + <image src="../../source/erkejiancha.png"></image> | |
| 57 | + <view class="greenColor report_list_item_dot"></view> | |
| 58 | + <label>儿保检查</label> | |
| 59 | + </navigator> | |
| 60 | + </view> | |
| 61 | + <view class="report_list_item_bg"> | |
| 62 | + <navigator class="report_list_item"> | |
| 63 | + <image src="../../source/erkejiancha.png"></image> | |
| 64 | + <view class="greenColor report_list_item_dot"></view> | |
| 65 | + <label>儿保检查</label> | |
| 66 | + </navigator> | |
| 67 | + </view> | |
| 68 | + <view class="report_list_item_bg"> | |
| 69 | + <navigator class="report_list_item"> | |
| 70 | + <image src="../../source/erkejiancha.png"></image> | |
| 71 | + <view class="greenColor report_list_item_dot"></view> | |
| 72 | + <label>儿保检查</label> | |
| 73 | + </navigator> | |
| 42 | 74 | </view> |
| 43 | 75 | </scroll-view> |
| 44 | 76 | </view> |
littleApp_child/pages/articleDetail/articleDetail.wxss
View file @
00daf49
| ... | ... | @@ -141,7 +141,7 @@ |
| 141 | 141 | |
| 142 | 142 | .title_banner { |
| 143 | 143 | height: 23px; |
| 144 | - width: 100%; | |
| 144 | + width: 80%; | |
| 145 | 145 | color: #999; |
| 146 | 146 | line-height: 23px; |
| 147 | 147 | font-size: 12px; |
| 148 | 148 | |
| 149 | 149 | |
| ... | ... | @@ -157,12 +157,41 @@ |
| 157 | 157 | .report_list_scroll { |
| 158 | 158 | height: 100%; |
| 159 | 159 | width: 100%; |
| 160 | - background: yellowgreen; | |
| 160 | + display: inline-block; | |
| 161 | + /*可以滚动*/ | |
| 162 | + white-space: nowrap; | |
| 161 | 163 | } |
| 162 | 164 | |
| 163 | -.report_list_item { | |
| 164 | - background: red; | |
| 165 | +.report_list_item_bg { | |
| 165 | 166 | width: 25%; |
| 166 | 167 | height: 100%; |
| 168 | + display: inline-block; | |
| 169 | +} | |
| 170 | + | |
| 171 | +.report_list_item { | |
| 172 | + | |
| 173 | + display: flex; | |
| 174 | + align-items: center; | |
| 175 | + justify-content: center; | |
| 176 | + flex-direction: column; | |
| 177 | + width: 100%; | |
| 178 | + height: 100%; | |
| 179 | +} | |
| 180 | + | |
| 181 | +.report_list_item image { | |
| 182 | + width: 38px; | |
| 183 | + height: 38px; | |
| 184 | +} | |
| 185 | + | |
| 186 | +.report_list_item label { | |
| 187 | + font-size: 10px; | |
| 188 | + color: #333333; | |
| 189 | +} | |
| 190 | + | |
| 191 | +.report_list_item_dot { | |
| 192 | + width: 8px; | |
| 193 | + height: 8px; | |
| 194 | + border-radius: 4px; | |
| 195 | + transform: translateY(-42px) translateX(30px); | |
| 167 | 196 | } |