diff --git a/components/indexCom/dataChild/index.js b/components/indexCom/dataChild/index.js
index 7134a36..90e2c4b 100644
--- a/components/indexCom/dataChild/index.js
+++ b/components/indexCom/dataChild/index.js
@@ -1,8 +1,15 @@
 Component({
     data: {
+        active:0,
+        timelist: ['二十四小时', '最近七天', '最近三十天', '自定义'],
 
     },
     methods: {
+        priceSel(e){
+            this.setData({
+                intervalSel: e.currentTarget.dataset.index
+            })
+        }
         
     }
 })
\ No newline at end of file
diff --git a/components/indexCom/dataChild/index.wxml b/components/indexCom/dataChild/index.wxml
index af4be2d..9c02b9f 100644
--- a/components/indexCom/dataChild/index.wxml
+++ b/components/indexCom/dataChild/index.wxml
@@ -1,3 +1,27 @@
 <view>
-    2222
+    <view class="timelist">
+        <view wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" wx:key="index" data-index="{{index}}" bindtap="priceSel">{{item}}
+        </view>
+    </view>
+    <view class="trend">
+        <view class="text">入库数据趋势</view>
+    </view>
+    <view class="data">
+        <view class="text">入库数据量</view>
+        <view class="Cumulative">
+            <view class="box">
+                <view class="box_num">12233</view>
+                <view class="box_text">历史累计入库</view>
+            </view>
+            <view class="box">
+                <view class="box_num">12233</view>
+                <view class="box_text">一年累计入库</view>
+            </view>
+            <view class="box">
+                <view class="box_num">12233</view>
+                <view class="box_text">半年累计入库</view>
+            </view>
+
+        </view>
+    </view>
 </view>
\ No newline at end of file
diff --git a/components/indexCom/dataChild/index.wxss b/components/indexCom/dataChild/index.wxss
index e69de29..11a4b53 100644
--- a/components/indexCom/dataChild/index.wxss
+++ b/components/indexCom/dataChild/index.wxss
@@ -0,0 +1,68 @@
+.timelist {
+    width: 686rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    margin: 32rpx;
+    border-radius: 4rpx;
+    display: grid;
+    grid-template-columns: repeat(4,1fr);
+    grid-gap: 16rpx;
+    background-color: #fff;
+}
+
+.timelist view {
+    text-align: center;
+    color: #999999;
+    font-size: 24rpx;
+    margin: 8rpx;
+}
+
+.timelist .active {
+    color: #027AFF;
+    background-color: #f9f9f9;
+    border-radius: 4rpx;
+    line-height: 64rpx;
+    height: 64rpx;
+}
+/* 入库数据趋势 */
+.trend{
+    width: 686rpx;
+    height: 486rpx;
+    background-color: #ffffff;
+    margin: 32rpx;
+    border-radius: 4rpx;
+}
+.text{
+    font-size: 36rpx;
+    padding: 32rpx;
+}
+/* 入库数据量 */
+.data{
+    width: 686rpx;
+    height: 1232rpx;
+    background-color: #ffffff;
+    margin: 32rpx;
+    border-radius: 4rpx;
+}
+.Cumulative{
+    width: 622rpx;
+    height: 108rpx;
+    background-color: #ebf5ff;
+    margin: 0rpx 32rpx;
+    display: flex;
+    text-align: center;
+    justify-content : space-between;
+}
+.box{
+}
+.box_num{
+    font-size: 24rpx;
+    font-weight: 600;
+    color: #0084ff;
+
+}
+.box_text{
+    font-size: 20rpx;
+    font-weight: 400;
+    color: #67b3ff;
+}
\ No newline at end of file
diff --git a/components/indexCom/eventChild/index.js b/components/indexCom/eventChild/index.js
index 3cb7ba4..4056605 100644
--- a/components/indexCom/eventChild/index.js
+++ b/components/indexCom/eventChild/index.js
@@ -1,6 +1,6 @@
 Component({
     data: {
-        actived:0,
+        active:0,
         timelist: ['二十四小时', '最近七天', '最近三十天', '自定义'],
         questes: [
             {
@@ -9,10 +9,30 @@ Component({
               subtitle: '媒体测评',
             },
             {
-                tip: '比亚迪宋MAX紧凑型mpv你看了不...',
+                tip: '今日上市！长城SUV',
                 title: '72.45',
                 subtitle: '媒体测评',
-              }
+            },
+            {
+                tip: '子龙来也！捷途X90子龙',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '全新一代蒙迪欧亮相',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '新款比亚迪汉DM-i即将上市',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '全新一代蒙迪欧亮相',
+                title: '72.45',
+                subtitle: '媒体测评',
+            }
         ],
         content:[
             {
@@ -43,10 +63,9 @@ Component({
 
     },
     methods: {
-        timetap(){
-            console.log('dd',intervalSel)
+        priceSel(e){
             this.setData({
-                intervalSel: e.currentTarget.dataset.value
+                intervalSel: e.currentTarget.dataset.index
             })
         }
         
diff --git a/components/indexCom/eventChild/index.wxml b/components/indexCom/eventChild/index.wxml
index 09a1608..e97dbbb 100644
--- a/components/indexCom/eventChild/index.wxml
+++ b/components/indexCom/eventChild/index.wxml
@@ -1,11 +1,11 @@
 <view>
     <view class="timelist">
-        <text wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" data-index="{{index}}" bindtap="priceSel">{{item}}
-        </text>
+        <view wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" wx:key="index" data-index="{{index}}" bindtap="priceSel">{{item}}
+        </view>
     </view>
-    <view class="list_event" style="background-image: url('../../../images/sj_beijin.png');">
+    <view class="list_event" style="background-image: url('/images/sj_beijin.png');">
         <view class="event_title">热点事件</view>
-        <view wx:for="{{questes}}" wx:key="index" data-quest='{{item}}'>
+        <view class="event_content" wx:for="{{questes}}" wx:if="{{index < 5}}" wx:key="index" data-quest='{{item}}'>
             <view class="event_text">
                 <view class="text_title">{{item.tip}}
                 </view>
@@ -22,19 +22,19 @@
 
     </view>
     <view class="content" wx:for="{{content}}" wx:key="index" data-quest='{{item}}'>
-    <view class="content_event" >
-        <view class="content_pinpai">{{item.time}}
-        </view>
-        <view class="content_title">{{item.title}}
-        </view>
-        <view class="content_text">
-            <view class="content_pinpai">作者：{{item.author}}
+        <view class="content_event">
+            <view class="content_pinpai">{{item.time}}
+            </view>
+            <view class="content_title">{{item.title}}
             </view>
-            <view class="content_pinpai">媒体：{{item.media}}
+            <view class="content_text">
+                <view class="content_pinpai">作者：{{item.author}}
+                </view>
+                <view class="content_pinpai">媒体：{{item.media}}
+                </view>
             </view>
         </view>
-    </view>
-       
+
 
     </view>
 </view>
\ No newline at end of file
diff --git a/components/indexCom/eventChild/index.wxss b/components/indexCom/eventChild/index.wxss
index 4fedcdf..708c137 100644
--- a/components/indexCom/eventChild/index.wxss
+++ b/components/indexCom/eventChild/index.wxss
@@ -1,23 +1,28 @@
 .timelist {
+    width: 686rpx;
+    height: 80rpx;
+    line-height: 80rpx;
     margin: 32rpx;
+    border-radius: 4rpx;
     display: grid;
     grid-template-columns: repeat(4,1fr);
     grid-gap: 16rpx;
     background-color: #fff;
 }
 
-.timelist text {
+.timelist view {
     text-align: center;
-    background: #FAFBFD;
-    border-radius: 4rpx;
     color: #999999;
     font-size: 24rpx;
-    padding: 16rpx 0rpx;
+    margin: 8rpx;
 }
 
 .timelist .active {
     color: #027AFF;
+    background-color: #f9f9f9;
     border-radius: 4rpx;
+    line-height: 64rpx;
+    height: 64rpx;
 }
 /* 热点事件 */
 .list_event{
@@ -33,6 +38,9 @@
     padding: 32rpx;
 }
 
+.event_content{
+    padding: 10rpx 0;
+}
 .event_text{
     display: flex;
     justify-content : space-between;
@@ -81,11 +89,15 @@
 
 }
 .content_title{
-    white-space: nowrap;
+/* 显示两行文本多余... */
+    font-size: 16px;
     overflow: hidden;
     text-overflow: ellipsis;
-    /* width: 500rpx; */
+    white-space: normal;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    align-content: center;
     height: 80rpx;
-    line-height: 80rpx;
-
 }
\ No newline at end of file
diff --git a/components/indexCom/mediaChild/index.js b/components/indexCom/mediaChild/index.js
new file mode 100644
index 0000000..510fcfd
--- /dev/null
+++ b/components/indexCom/mediaChild/index.js
@@ -0,0 +1,41 @@
+Component({
+    data: {
+        active:0,
+        timelist: ['二十四小时', '最近七天', '最近三十天', '自定义'],
+        ranking: [
+            {
+                volume: '12345',
+                media: '媒体',
+            },
+            {
+                volume: '12345',
+                media: '媒测评',
+            },
+            {
+                volume: '12345',
+                media: '媒体测评',
+            },
+            {
+                volume: '12345',
+                media: '媒体探测测评',
+            },
+            {
+                volume: '712345',
+                media: '媒体测评',
+            },
+            {
+                volume: '1234533',
+                media: '媒体测评',
+            }
+        ],
+
+    },
+    methods: {
+        priceSel(e){
+            this.setData({
+                intervalSel: e.currentTarget.dataset.index
+            })
+        }
+        
+    }
+})
\ No newline at end of file
diff --git a/components/indexCom/mediaChild/index.json b/components/indexCom/mediaChild/index.json
new file mode 100644
index 0000000..fba482a
--- /dev/null
+++ b/components/indexCom/mediaChild/index.json
@@ -0,0 +1,3 @@
+{
+    "component": true
+}
\ No newline at end of file
diff --git a/components/indexCom/mediaChild/index.wxml b/components/indexCom/mediaChild/index.wxml
new file mode 100644
index 0000000..7ee1d92
--- /dev/null
+++ b/components/indexCom/mediaChild/index.wxml
@@ -0,0 +1,26 @@
+<view style="height: 100vh;">
+    <view class="timelist">
+        <view wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" wx:key="index" data-index="{{index}}" bindtap="priceSel">{{item}}
+        </view>
+    </view>
+    <view class="list_event">
+        <view class="event_title">传播重点媒体排行</view>
+        <view class="ranking">
+            <view class="title">排名</view>
+            <view class="title">媒体</view>
+            <view class="title2">传播量</view>
+        </view>
+        <view>
+        <view class="rank" wx:for="{{ranking}}" wx:key="index" data-ranking='{{item}}'>
+            <view class="dis_image">
+                <image class="rank_num" wx:if="{{index === 0}}" src="/images/img_diyi.png"></image>
+                <image class="rank_num" wx:if="{{index === 1}}" src="/images/img_dier.png"></image>
+                <image class="rank_num" wx:if="{{index === 2}}" src="/images/img_disan.png"></image>
+                <view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
+            </view>
+            <view class="media">{{item.media}}</view>
+            <view class="volume">{{item.volume}}</view>
+        </view>
+        </view>
+    </view>
+</view>
\ No newline at end of file
diff --git a/components/indexCom/mediaChild/index.wxss b/components/indexCom/mediaChild/index.wxss
new file mode 100644
index 0000000..225c554
--- /dev/null
+++ b/components/indexCom/mediaChild/index.wxss
@@ -0,0 +1,95 @@
+.timelist {
+    width: 686rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    margin: 32rpx;
+    border-radius: 4rpx;
+    display: grid;
+    grid-template-columns: repeat(4,1fr);
+    grid-gap: 16rpx;
+    background-color: #fff;
+}
+
+.timelist view {
+    text-align: center;
+    color: #999999;
+    font-size: 24rpx;
+    margin: 8rpx;
+}
+
+.timelist .active {
+    color: #027AFF;
+    background-color: #f9f9f9;
+    border-radius: 4rpx;
+    line-height: 64rpx;
+    height: 64rpx;
+}
+/* 排行榜 */
+.list_event{
+    margin: 0 32rpx;
+    background-size: cover;
+    width: 686rpx;
+    border-radius: 8rpx;
+    background-color: #ffffff;
+    
+}
+.event_title{
+    font-size: 36rpx;
+    padding: 32rpx;
+}
+.ranking{
+    width: 686rpx;
+    display: flex;
+    padding:  0 32rpx;
+}
+.rank{
+    width: 686rpx;
+    height: 104rpx;
+    line-height: 104rpx;
+    display: flex;
+    padding:  0 32rpx;
+}
+.title{
+    width: 30%;
+    font-size: 24rpx;
+    color: #999999;
+}
+.title2{
+    width: 30%;
+    font-size: 24rpx;
+    color: #999999;
+    display: flex;
+    flex-direction:row-reverse
+}
+.dis_image {
+    width: 30%;
+    font-size: 28rpx;
+    height: 104rpx;
+    color: #999999;
+    line-height: 104rpx;
+    display: flex;
+    align-items: center;
+  }
+  .rank_num {
+    width: 53rpx;
+    height: 48rpx;
+    line-height: 48rpx;
+  }
+  .num{
+    height: 104rpx;
+    color: #999999;
+    line-height: 104rpx;
+
+  }
+  .media{
+    width: 30%;
+    font-size: 28rpx;
+
+  }
+  .volume{
+    width: 30%;
+    font-size: 28rpx;
+    color: #0084FF;
+    display: flex;
+    flex-direction:row-reverse
+  }
\ No newline at end of file
diff --git a/components/indexCom/soundChild/index.js b/components/indexCom/soundChild/index.js
new file mode 100644
index 0000000..90e2c4b
--- /dev/null
+++ b/components/indexCom/soundChild/index.js
@@ -0,0 +1,15 @@
+Component({
+    data: {
+        active:0,
+        timelist: ['二十四小时', '最近七天', '最近三十天', '自定义'],
+
+    },
+    methods: {
+        priceSel(e){
+            this.setData({
+                intervalSel: e.currentTarget.dataset.index
+            })
+        }
+        
+    }
+})
\ No newline at end of file
diff --git a/components/indexCom/soundChild/index.json b/components/indexCom/soundChild/index.json
new file mode 100644
index 0000000..fba482a
--- /dev/null
+++ b/components/indexCom/soundChild/index.json
@@ -0,0 +1,3 @@
+{
+    "component": true
+}
\ No newline at end of file
diff --git a/components/indexCom/soundChild/index.wxml b/components/indexCom/soundChild/index.wxml
new file mode 100644
index 0000000..91e2367
--- /dev/null
+++ b/components/indexCom/soundChild/index.wxml
@@ -0,0 +1,6 @@
+<view>
+    <view class="timelist">
+        <view wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" wx:key="index" data-index="{{index}}" bindtap="priceSel">{{item}}
+        </view>
+    </view>
+</view>
\ No newline at end of file
diff --git a/components/indexCom/soundChild/index.wxss b/components/indexCom/soundChild/index.wxss
new file mode 100644
index 0000000..31f94f6
--- /dev/null
+++ b/components/indexCom/soundChild/index.wxss
@@ -0,0 +1,26 @@
+.timelist {
+    width: 686rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    margin: 32rpx;
+    border-radius: 4rpx;
+    display: grid;
+    grid-template-columns: repeat(4,1fr);
+    grid-gap: 16rpx;
+    background-color: #fff;
+}
+
+.timelist view {
+    text-align: center;
+    color: #999999;
+    font-size: 24rpx;
+    margin: 8rpx;
+}
+
+.timelist .active {
+    color: #027AFF;
+    background-color: #f9f9f9;
+    border-radius: 4rpx;
+    line-height: 64rpx;
+    height: 64rpx;
+}
\ No newline at end of file
diff --git a/images/app.png b/images/app.png
new file mode 100644
index 0000000..cd1695d
Binary files /dev/null and b/images/app.png differ
diff --git a/images/img_dier.png b/images/img_dier.png
new file mode 100644
index 0000000..13476a9
Binary files /dev/null and b/images/img_dier.png differ
diff --git a/images/img_disan.png b/images/img_disan.png
new file mode 100644
index 0000000..3ad93fc
Binary files /dev/null and b/images/img_disan.png differ
diff --git a/images/img_diyi.png b/images/img_diyi.png
new file mode 100644
index 0000000..20f8859
Binary files /dev/null and b/images/img_diyi.png differ
diff --git a/images/luntan.png b/images/luntan.png
new file mode 100644
index 0000000..c22f0f8
Binary files /dev/null and b/images/luntan.png differ
diff --git a/images/qita.png b/images/qita.png
new file mode 100644
index 0000000..07e9dd4
Binary files /dev/null and b/images/qita.png differ
diff --git a/images/ruku.png b/images/ruku.png
new file mode 100644
index 0000000..ad280bf
Binary files /dev/null and b/images/ruku.png differ
diff --git a/images/shipin.png b/images/shipin.png
new file mode 100644
index 0000000..9243f42
Binary files /dev/null and b/images/shipin.png differ
diff --git a/images/weibo.png b/images/weibo.png
new file mode 100644
index 0000000..b5e8ca8
Binary files /dev/null and b/images/weibo.png differ
diff --git a/images/weixin.png b/images/weixin.png
new file mode 100644
index 0000000..64ae860
Binary files /dev/null and b/images/weixin.png differ
diff --git a/images/xinwen.png b/images/xinwen.png
new file mode 100644
index 0000000..30438b0
Binary files /dev/null and b/images/xinwen.png differ
diff --git a/pages/index/event/event.js b/pages/index/event/event.js
deleted file mode 100644
index 1861c94..0000000
--- a/pages/index/event/event.js
+++ /dev/null
@@ -1,66 +0,0 @@
-// pages/index/event/event.js
-Page({
-
-    /**
-     * 页面的初始数据
-     */
-    data: {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad(options) {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload() {
-
-    },
-
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh() {
-
-    },
-
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom() {
-
-    },
-
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage() {
-
-    }
-})
\ No newline at end of file
diff --git a/pages/index/event/event.json b/pages/index/event/event.json
deleted file mode 100644
index 3928faa..0000000
--- a/pages/index/event/event.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-    "usingComponents": {}
-}
\ No newline at end of file
diff --git a/pages/index/event/event.wxml b/pages/index/event/event.wxml
deleted file mode 100644
index eebaab8..0000000
--- a/pages/index/event/event.wxml
+++ /dev/null
@@ -1,2 +0,0 @@
-<!--pages/index/event/event.wxml-->
-<text>pages/index/event/event.wxml</text>
diff --git a/pages/index/event/event.wxss b/pages/index/event/event.wxss
deleted file mode 100644
index fa6cb55..0000000
--- a/pages/index/event/event.wxss
+++ /dev/null
@@ -1 +0,0 @@
-/* pages/index/event/event.wxss */
\ No newline at end of file
diff --git a/pages/index/index.js b/pages/index/index.js
index 60ea4f6..2fafeb4 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -15,11 +15,11 @@ Page({
       },
       {
         text: '传播媒体',
-        component: 'data-child'
+        component: 'media-child'
       },
       {
         text: '传播声量',
-        component: 'data-child'
+        component: 'sound-child'
       },
       {
         text: '晴雨表',
diff --git a/pages/index/index.json b/pages/index/index.json
index e3a41e4..a4e29ac 100644
--- a/pages/index/index.json
+++ b/pages/index/index.json
@@ -1,6 +1,8 @@
 {
   "usingComponents": {
       "data-child": "../../components/indexCom/dataChild/index",
-      "event-child":"../../components/indexCom/eventChild/index"
+      "event-child":"../../components/indexCom/eventChild/index",
+      "media-child":"../../components/indexCom/mediaChild/index",
+      "sound-child":"../../components/indexCom/soundChild/index"
   }
 }
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index cfec3db..f639cd5 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,9 +1,12 @@
 <!--index.wxml-->
 <view class="container">
   <van-tabs class="menu-tabs" active="{{ active }}" ellipsis="{{false}}" animated="{{true}}">
-    <van-tab wx:for="{{navData}}" title="{{item.text}}">
+    <van-tab wx:for="{{navData}}" title="{{item.text}}" wx:key="index">
       <data-child wx:if="{{item.component === 'data-child'}}"></data-child>
       <event-child wx:if="{{item.component === 'event-child'}}"></event-child>
+      <media-child wx:if="{{item.component === 'media-child'}}"></media-child>
+      <sound-child wx:if="{{item.component === 'sound-child'}}"></sound-child>
+    
     </van-tab>
   </van-tabs>
   <tabbar />