三级菜单和背景样式修改

src/App.vue

@@ -3,7 +3,7 @@
     <div id="app">
       <HeadNav />
       <Carousel />
-      <router-view style="min-height: 1500px"></router-view>
+      <router-view style="min-height: 1170px"></router-view>
       <Footer />
     </div>
   </a-config-provider>
@@ -46,20 +46,21 @@ body {
 body::-webkit-scrollbar {
   width: 0;
 }
-.bg-top{
+.bg-top {
   position: relative;
   top: 0;
   width: 100%;
-  min-height: 1500px;
-  background: url(./assets/bg-top.png) top no-repeat;
+  background: url(./assets/bg-bottom.png) bottom no-repeat;
+  min-height: 1170px;
+  padding-bottom: 400px;
   background-size: 100%;
 }
-.bg-bottom{
+.bg-bottom {
   position: relative;
   bottom: 0;
   width: 100%;
-  background: url(./assets/bg-bottom.png) bottom no-repeat;
+  background: url(./assets/bg-top.png) top no-repeat;
   background-size: 100%;
-  padding-bottom: 100px;
+  /* padding-bottom: 100px; */
 }
 </style>

src/components/LeftNav/LeftNav.vue

@@ -117,11 +117,11 @@ export default {
 }
 .left-nav-child {
   width: 240px;
-  height: 28px;
+  height: 56px;
   padding-left: 20px;
   /* border-bottom: 1px solid rgba(112, 112, 112, 0.1); */
   /* margin-bottom: 1px; */
-  background-color: #fff;
+  background-color: #ededed;
   font-size: 16px;
   cursor: pointer;
   transition: all 0.2s;