修改主题更换欢迎页图片

src/styles/variables.scss

@@ -9,20 +9,15 @@ $yellow:#FEC171;
 $panGreen: #30B08F;
 
 // sidebar
-$menuText:#fff;
-//#6954f0;
-$menuActiveText:#fff;
-//#f4f4f5
-$subMenuActiveText:#fff; // https://github.com/ElemeFE/element/issues/12951
+$menuText:#bfcbd9;
+$menuActiveText:#409EFF;
+$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
-//#304156
-$menuBg:#282c34; 
-//#263445
-$menuHover:rgba(255,255,255,0.08);
+$menuBg:#304156;
+$menuHover:#263445;
 
-//#1f2d3d
-$subMenuBg:#000c17;
-$subMenuHover:#000c17;
+$subMenuBg:#1f2d3d;
+$subMenuHover:#001528;
 
 $sideBarWidth: 210px;
 

src/views/dashboard/index.vue

@@ -8,32 +8,32 @@
         <span class="welcome-title">欢迎登录采销平台</span>
       </div> -->
     <!-- style="width: 60%; margin: -30px auto 0 auto" -->
-    <img :src="emptyGif" class="bg-img">
-    <div class="duihua">
-      <!-- <img src="@/assets/img/duihuakuang.png" /> -->
-      <img class="bg" src="@/assets/img/duihua.png">
-      <div class="neirong">
+    <img :src="emptyGif" class="bg-img" />
+    <!-- <div class="duihua"> -->
+    <!-- <img src="@/assets/img/duihuakuang.png" /> -->
+    <!-- <img class="bg" src="@/assets/img/duihua.png" /> -->
+    <!-- <div class="neirong">
         <img src="@/assets/img/neirong.png">
-      </div>
+      </div> -->
 
-      <!-- <div>
+    <!-- <div>
         <p>开工了&nbsp;！</p>
         <p>快干活&nbsp;！</p>
       </div> -->
-    </div>
-    <div class="wudi">woody</div>
+    <!-- </div> -->
+    <!-- <div class="wudi">woody</div> -->
   </div>
 </template>
 
 <script>
 // import { mapGetters } from "vuex";
 export default {
-  name: 'Dashboard',
+  name: "Dashboard",
   data() {
     return {
-      emptyGif: require('@/assets/img/welcome.gif')
-    }
-  }
+      emptyGif: require("@/assets/img/welcome2.jpg"),
+    };
+  },
   // computed: {
   // ...mapGetters([
   // 'name',
@@ -42,7 +42,7 @@ export default {
   // ]),
   // },
   // mounted() {},
-}
+};
 </script>
 <style lang="scss" scoped>
 .dashboard-container {
@@ -80,10 +80,10 @@ export default {
       width: 100%;
       box-sizing: border-box;
       text-align: center;
-      padding:60px 0 0 20px;
+      padding: 60px 0 0 20px;
       img {
         display: inline-block;
-    //  width: 2;
+        //  width: 2;
       }
     }
     // div {