diff --git a/littleApp_child/pages/articleDetail/articleDetail.wxml b/littleApp_child/pages/articleDetail/articleDetail.wxml
index 48e2b1f..a8cf6a9 100644
--- a/littleApp_child/pages/articleDetail/articleDetail.wxml
+++ b/littleApp_child/pages/articleDetail/articleDetail.wxml
@@ -36,9 +36,41 @@
     <view class="hospitalName" wx:if="{{userData.checkhospital}}">{{userData.checkhospital}}</view>
     <view class="title_banner">检查项目</view>
     <view class="report_list_bg">
-      <scroll-view class="report_list_scroll" scroll-y="true" bindscrolltolower="myScroll">
-        <view class="report_list_item">
-          <image src="src"></image>
+      <scroll-view class="report_list_scroll" scroll-x="true">
+         <view class="report_list_item_bg">
+          <navigator class="report_list_item">
+            <image src="../../source/erkejiancha.png"></image>
+            <view class="greenColor report_list_item_dot"></view>
+            <label>儿保检查</label>
+          </navigator>
+        </view>
+        <view class="report_list_item_bg">
+          <navigator class="report_list_item">
+            <image src="../../source/erkejiancha.png"></image>
+            <view class="greenColor report_list_item_dot"></view>
+            <label>儿保检查</label>
+          </navigator>
+        </view>
+        <view class="report_list_item_bg">
+          <navigator class="report_list_item">
+            <image src="../../source/erkejiancha.png"></image>
+            <view class="greenColor report_list_item_dot"></view>
+            <label>儿保检查</label>
+          </navigator>
+        </view>
+        <view class="report_list_item_bg">
+          <navigator class="report_list_item">
+            <image src="../../source/erkejiancha.png"></image>
+            <view class="greenColor report_list_item_dot"></view>
+            <label>儿保检查</label>
+          </navigator>
+        </view>
+        <view class="report_list_item_bg">
+          <navigator class="report_list_item">
+            <image src="../../source/erkejiancha.png"></image>
+            <view class="greenColor report_list_item_dot"></view>
+            <label>儿保检查</label>
+          </navigator>
         </view>
       </scroll-view>
     </view>
diff --git a/littleApp_child/pages/articleDetail/articleDetail.wxss b/littleApp_child/pages/articleDetail/articleDetail.wxss
index 6157be6..f707cc4 100644
--- a/littleApp_child/pages/articleDetail/articleDetail.wxss
+++ b/littleApp_child/pages/articleDetail/articleDetail.wxss
@@ -141,7 +141,7 @@
 
 .title_banner {
   height: 23px;
-  width: 100%;
+  width: 80%;
   color: #999;
   line-height: 23px;
   font-size: 12px;
@@ -157,11 +157,40 @@
 .report_list_scroll {
   height: 100%;
   width: 100%;
-  background: yellowgreen;
+  display: inline-block;
+  /*可以滚动*/
+   white-space: nowrap;
 }
 
-.report_list_item {
-  background: red;
+.report_list_item_bg {
   width: 25%;
   height: 100%;
+  display: inline-block; 
+}
+
+.report_list_item {
+  
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.report_list_item image {
+  width: 38px;
+  height: 38px;
+}
+
+.report_list_item label {
+  font-size: 10px;
+  color: #333333;
+}
+
+.report_list_item_dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  transform: translateY(-42px) translateX(30px);
 }
\ No newline at end of file
diff --git a/littleApp_child/utils/util_UI.wxss b/littleApp_child/utils/util_UI.wxss
index b3b5ab6..53d30b3 100644
--- a/littleApp_child/utils/util_UI.wxss
+++ b/littleApp_child/utils/util_UI.wxss
@@ -57,4 +57,12 @@
 
 .whiteColor {
   background: white;
+}
+
+.greenColor {
+  background: #48C17B;
+}
+
+.redColor {
+  background: #E85858;
 }
\ No newline at end of file