背景切换

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>

src/style/common.styl

@@ -44,7 +44,10 @@
   _fj()
   _wh(100%, 100%)
   padding-top 124px
+  padding-bottom 70px
   background center / 100% 100% url(../images/new/bg.png) no-repeat
+.body-conatiner_1
+  background center / 100% 100% url(../images/new/bg_1.png) no-repeat
 .side-bar-container
   _wh(228px, 100%)
   padding-top 101px