背景切换

src/pages/modules/systemmanage/role.vue

@@ -157,10 +157,6 @@ export default {
     this._sysRoleQuery()
     this._menuQuery()
   },
-  mounted () {
-    // document.getElementById('body-conatiner').style.backgroundImage = '../../../images/new/bg.png'
-    document.getElementById('body-conatiner').style.marginTop = '10px'
-  },
   methods: {
     async _sysRoleQuery () {
       let res = await sysRoleQuery('0', '100')

src/pages/shells/index/index.vue

@@ -33,9 +33,10 @@
         <jxTime></jxTime>
       </div>
     </div>
-    <div class="body-conatiner" id="body-conatiner">
+    <div class="body-conatiner" :class="{'body-conatiner_1': $route.path !== '/index/home'}">
       <div class="hud_left"></div>
       <div class="hud_right"></div>
+      <!-- <div class="bottom_bg"></div> -->
       <div v-show="$route.path !== '/index/teach' && $route.path !== '/index/home'" class="side-bar-container">
         <el-menu :default-active="$route.meta.guidePath" @select="handleSelectChild">
           <el-menu-item :index="menu.index" v-for="menu in childmenus" :key="menu.index">{{menu.label}}</el-menu-item>
@@ -544,4 +545,9 @@ export default {
   right 0
   _wh(53px, 735px)
   background center / 100% 100% url(../../../images/new/hud_right.png) no-repeat
+.bottom_bg
+  position absolute
+  bottom 0
+  _wh(100%, 100px)
+  background center bottom / auto 100% url(../../../images/new/bottom_bg.png) no-repeat
 </style>