diff --git a/src/assets/wh_icon_bg.png b/src/assets/wh_icon_bg.png
new file mode 100644
index 0000000..8b1fd16
Binary files /dev/null and b/src/assets/wh_icon_bg.png differ
diff --git a/src/assets/wh_icon_bwg.png b/src/assets/wh_icon_bwg.png
new file mode 100644
index 0000000..b2cd1c0
Binary files /dev/null and b/src/assets/wh_icon_bwg.png differ
diff --git a/src/assets/wh_icon_tsg.png b/src/assets/wh_icon_tsg.png
new file mode 100644
index 0000000..61f0c89
Binary files /dev/null and b/src/assets/wh_icon_tsg.png differ
diff --git a/src/assets/wh_icon_whg.png b/src/assets/wh_icon_whg.png
new file mode 100644
index 0000000..ca6d0c3
Binary files /dev/null and b/src/assets/wh_icon_whg.png differ
diff --git a/src/views/WhView.vue b/src/views/WhView.vue
index 8e55d13..9453b69 100644
--- a/src/views/WhView.vue
+++ b/src/views/WhView.vue
@@ -29,6 +29,26 @@
             </div>
         </div>
         <!-- 24小时进馆人数 -->
+        <div class="dgins">
+            <div class="dgins_title"><span>24小时进馆人数</span></div>
+            <div class="dgins_con">
+                <div class="dgitem">
+                    <div class="dgimg"><img src="../assets/wh_icon_bwg.png" /></div>
+                    <span class="dgival">234,255</span>
+                    <span class="dgdesc">博物馆</span>
+                </div>
+                <div class="dgitem">
+                    <div class="dgimg"><img src="../assets/wh_icon_tsg.png" /></div>
+                    <span class="dgival">234,255</span>
+                    <span class="dgdesc">图书馆</span>
+                </div>
+                <div class="dgitem">
+                    <div class="dgimg"><img src="../assets/wh_icon_whg.png" /></div>
+                    <span class="dgival">234,255</span>
+                    <span class="dgdesc">文化馆</span>
+                </div>
+            </div>
+        </div>
 
         
         <!-- 24小时进馆人数趋势 -->
@@ -147,9 +167,58 @@
     font-size: 0.8rem;
 }
 
-/* 24小时进馆人数趋势 */
+/* 24小时进馆人数 */
+.dgins{
+    margin-top: 1.2rem;
+}
+.dgins .dgins_title{
+    background-image: url("../assets/wh_24ins_bg.png");
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    height: 3rem;
+}
+.dgins .dgins_title span{
+    display: block;
+    line-height: 1.8rem;
+    width: 100%;
+    text-align: center;
+}
+.dgins .dgins_con{
+    height: 6rem;
+    padding-top: 1rem;
+}
+.dgins .dgins_con .dgitem{
+    width: 30%;
+    margin-left: 3%;
+    float: left;
+}
+.dgins .dgins_con .dgitem .dgimg {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+.dgins .dgins_con .dgitem span {
+    display: block;
+    text-align: center;
+    height: 1.8rem;
+    line-height: 1.8rem;
+}
+
+.dgins .dgins_con .dgitem .dgival {
+    font-size: 1.06rem;
+}
+
+.dgins .dgins_con .dgitem .dgdesc {
+    font-size: 0.6rem;
+    background-image: url('../assets/wh_icon_bg.png');
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+/* 24小时总进馆人数趋势 */
 .gcins {
-    margin-top: 1.6rem;
+    margin-top: 2.6rem;
 }
 
 .gcins .gcins_title {
@@ -164,7 +233,7 @@
 
 /* 各场馆人数趋势 */
 .gcgrs {
-    margin-top: 1.06rem;
+    margin-top: 2.6rem;
 }
 
 .gcgrs .gcgrs_title {