修改首页

ruoyi-ui/src/views/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div style="background-color: rgb(14, 27, 59)">
+  <div class="indexBg" style="background-repeat: no-repeat;background-size: 100% 100%">
     <el-container>
-      <el-aside style="background-color: rgba(0,0,0,0.3)" width="350px">
+      <el-aside style="background-color: rgba(0,0,0,0.3);padding-bottom: 0;" width="350px">
         <div id="carCharts" style="height:150px;width:150px;display: inline-block;margin-top: 20px"/>
         <div
             style="width: 150px;display: inline-block;vertical-align: top;color:#fff;text-align: center;margin-top: 20px">
@@ -110,8 +110,8 @@
           </div>
         </el-footer>
       </el-container>
-      <el-aside style="background-color: rgba(0,0,0,0.3)" width="350px">
+      <el-aside style="background-color: rgba(0,0,0,0.3);overflow: auto;height:80vh" width="350px">
-        <div v-for="i in 6" style="position:relative;color:#fff;height: 120px">
+        <div v-for="i in 60" style="position:relative;color:#fff;height: 120px;">
           <img src="../assets/icons/highTemperature.png"
                style="width: 40px;height: 40px;position: absolute;top: 10px;left: 0px">
           <div style="position: absolute;top: 10px;left: 50px;font-size: 16px">低压</div>
@@ -372,6 +372,7 @@ export default {
         geo: {
           show: true,
           map: this.mapName,
+          zoom:1.2,
           label: {
             normal: {
               show: false
@@ -423,6 +424,7 @@ export default {
             type: 'map',
             map: 'china',
             geoIndex: 0,
+            zoom:1.6,
             aspectScale: 0.75, //长宽比
             showLegendSymbol: false, // 存在legend时显示
             label: {
@@ -640,3 +642,8 @@ export default {
   }
 }
 </script>
+<style>
+.indexBg{
+  background-image:url('../assets/images/indexBg.jpg');
+}
+</style>