diff --git a/src/App.vue b/src/App.vue
index a6a6bd5..913e060 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,21 @@
 <template>
   <div id="app">
-    <dv-full-screen-container class="btgym">
+    <dv-full-screen-container class="btgym" :style="'{background-image:url('+ {bgimg} +')}'">
+
       <!-- 顶部信息 -->
       <div class="topnav">
         <div class="toptxt">
-            <div style="margin-left: 2%;" class="topTitle">累计进馆人数：3,435,123万人</div>
-            <img class="topImg" src="@/assets/index/top_title.png"/>
-            <div style="margin-right: 2%;" class="topTitle">星期四 16:33:33 天气：晴</div>
+          <div style="margin-left: 2%" class="topTitle">
+            累计进馆人数：3,435,123万人
+          </div>
+          <img class="topImg" src="@/assets/index/top_title.png" />
+          <div style="margin-right: 2%" class="topTitle">
+            星期四 16:33:33
+          </div>
         </div>
         <div class="links">
-          <router-link to="/ty">体育</router-link>
-          <router-link to="/">概览</router-link>
+          <router-link class="" to="/ty">体育</router-link>
+          <router-link to="/">总览</router-link>
           <router-link to="/cultrue">文化</router-link>
         </div>
       </div>
@@ -22,52 +27,116 @@
   </div>
 </template>
 
+<script>
+export default ({
+  data(){
+    return{
+       bgimg:require("assets/index/bg.jpg")
+      //  bgimg:""
+    }
+  },
+  mounted(){
+    //console.log(this.bgimg)
+  }
+})
+</script>
+
+
 <style lang="scss">
 body {
   margin: 0;
-}
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  padding: 0;
+  background: #070a24;
 }
 // 基类
 .btgym {
   width: 100vw;
   height: 100vh;
-  position: relative;
-  background-image: url("assets/g_bg.jpg");
-  background-size: 100%;
-  background-repeat:no-repeat ;
+  // position: relative;
+  // background-image: url("assets/g_bg.jpg");
+  // background-size: 100%;
+  // background-repeat: no-repeat;
 
-  .topnav{
+  .topnav {
     width: 100%;
     height: 20%;
-    background-image: url('assets/index/topnav.png');
+    background-image: url("assets/index/topnav.png");
     background-size: 100% 100%;
     background-repeat: no-repeat;
     position: relative;
 
-    .toptxt{
+    // 顶部文字
+    .toptxt {
       display: flex;
       justify-content: space-between;
 
-      .topImg{
-          margin-top: 1%;
-          width: 35%;
-          height: 15%;
-        }
-        .topTitle{
-          margin-top: 1%;
-          color: #00C6FF;
-          font-size: 14px;
-          font-weight: bold;
-        }
+      .topImg {
+        margin-top: 1%;
+        width: 35%;
+        height: 15%;
+      }
+      .topTitle {
+        margin-top: 1%;
+        color: #00c6ff;
+        font-size: 14px;
+        font-weight: bold;
+      }
     }
 
+    // 操作链接
+    .links {
+      width: 24%;
+      height: 36%;
+      // border: 1px solid red;
+      margin: 0 auto;
+      margin-top: 2.4%;
+      display: flex;
+      justify-content: space-between;
+      font-weight: bold;
+      font-size: 0.26rem;
+      text-align: center;
 
-  }
+      a {
+        text-decoration: none;
+        display: block;
+        width: 33.33%;
+        height: 86%;
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        color: #00bdf9;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        cursor: pointer;
+        margin-top: 12px;
+      }
+      // 总览
+      a:nth-child(2){
+        margin-top: 22px;
+        background-image:url('assets/index/zl.png');
+      }
+      a:nth-child(1){
+        background-image: url('assets/index/ty.png');
+      }
+      a:nth-child(3){
+        background-image: url('assets/index/wh.png');
+      }
 
+      a.router-link-exact-active{
+        color: #fff;
+      }
+      a.router-link-exact-active:nth-child(1){
+        background-image: url('assets/index/ty_active.png');
+      }
+      a.router-link-exact-active:nth-child(2){
+        background-image: url('assets/index/zl_active.png');
+      }
+      a.router-link-exact-active:nth-child(3){
+        background-image: url('assets/index/wh_active.png');
+      }
+    }
+  }
+  //底部信息
   .footer {
     // width: 100%;
     height: 120vh;
@@ -79,4 +148,5 @@ body {
     left: 0;
   }
 }
+
 </style>
diff --git a/src/assets/index/topnav.png b/src/assets/index/topnav.png
index 1d552c0..3384126 100644
Binary files a/src/assets/index/topnav.png and b/src/assets/index/topnav.png differ
diff --git a/src/assets/index/体育场.png b/src/assets/index/体育场.png
deleted file mode 100644
index 83c1381..0000000
Binary files a/src/assets/index/体育场.png and /dev/null differ
diff --git a/src/assets/index/体育场1.png b/src/assets/index/体育场1.png
deleted file mode 100644
index 769f083..0000000
Binary files a/src/assets/index/体育场1.png and /dev/null differ
diff --git a/src/assets/index/体育馆.png b/src/assets/index/体育馆.png
deleted file mode 100644
index 790d018..0000000
Binary files a/src/assets/index/体育馆.png and /dev/null differ
diff --git a/src/assets/index/体育馆1.png b/src/assets/index/体育馆1.png
deleted file mode 100644
index 6f1495e..0000000
Binary files a/src/assets/index/体育馆1.png and /dev/null differ
diff --git a/src/assets/index/图书馆.png b/src/assets/index/图书馆.png
deleted file mode 100644
index 47d4ee7..0000000
Binary files a/src/assets/index/图书馆.png and /dev/null differ
diff --git a/src/assets/index/图书馆1.png b/src/assets/index/图书馆1.png
deleted file mode 100644
index d124d98..0000000
Binary files a/src/assets/index/图书馆1.png and /dev/null differ
diff --git a/src/assets/index/总览.png b/src/assets/index/总览.png
deleted file mode 100644
index 20454e9..0000000
Binary files a/src/assets/index/总览.png and /dev/null differ
diff --git a/src/assets/index/总览1.png b/src/assets/index/总览1.png
deleted file mode 100644
index 87c1774..0000000
Binary files a/src/assets/index/总览1.png and /dev/null differ
diff --git a/src/assets/index/游泳场馆.png b/src/assets/index/游泳场馆.png
deleted file mode 100644
index 1726dcd..0000000
Binary files a/src/assets/index/游泳场馆.png and /dev/null differ
diff --git a/src/assets/index/游泳场馆1.png b/src/assets/index/游泳场馆1.png
deleted file mode 100644
index 8d48204..0000000
Binary files a/src/assets/index/游泳场馆1.png and /dev/null differ
diff --git a/src/assets/组 9.png b/src/assets/组 9.png
new file mode 100644
index 0000000..3384126
Binary files /dev/null and b/src/assets/组 9.png differ
diff --git a/src/main.js b/src/main.js
index 4dc8377..d8655a0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,21 +6,21 @@ import dataV from '@jiaminghi/data-view';
 Vue.use(dataV);
 
 // 按需引入vue-awesome图标
-import Icon from 'vue-awesome/components/Icon';
-import 'vue-awesome/icons/chart-bar.js';
-import 'vue-awesome/icons/chart-area.js';
-import 'vue-awesome/icons/chart-pie.js';
-import 'vue-awesome/icons/chart-line.js';
-import 'vue-awesome/icons/align-left.js';
+// import Icon from 'vue-awesome/components/Icon';
+// import 'vue-awesome/icons/chart-bar.js';
+// import 'vue-awesome/icons/chart-area.js';
+// import 'vue-awesome/icons/chart-pie.js';
+// import 'vue-awesome/icons/chart-line.js';
+// import 'vue-awesome/icons/align-left.js';
 
 // 全局注册图标
-Vue.component('icon', Icon);
+// Vue.component('icon', Icon);
 
 // 适配flex
 import '@/common/flexible.js';
 
 // 引入全局css
-import './assets/scss/style.scss';
+// import './assets/scss/style.scss';
 
 
 //引入echart
diff --git a/src/views/index.vue b/src/views/index.vue
index 7e08f60..83fa9c7 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -3,4 +3,21 @@
 
         总览的内容
     </div>
-</template>
\ No newline at end of file
+</template>
+<script>
+export default{
+
+    data(){
+        return{
+            // 首页背景图片
+            bgimg:'assets/index/bg.jpg'
+        }
+    },
+    // computed(){
+    //     this.$emit.bgimg = require (this.bgimg)
+    // },
+    // mounted(){
+    //     this.$emit.bgimg = require (this.bgimg)
+    // }
+}
+</script>
diff --git a/src/views/ty/index.vue b/src/views/ty/index.vue
index 3d0a72a..e0a1be4 100644
--- a/src/views/ty/index.vue
+++ b/src/views/ty/index.vue
@@ -1,7 +1,3 @@
 <template>
-    <dv-full-screen-container>
-        
-        <dv-border-box-10>dv-border-box-10</dv-border-box-10>
-
-    </dv-full-screen-container>
+    <div id="ty"></div>
 </template>
\ No newline at end of file