'修改supManager首页bug'

element-vue/src/components/block.vue

@@ -1,6 +1,7 @@
 <template>
-    <el-card shadow="hover" body-style="padding: 50px;cursor:pointer" >
+    <el-card id="card">
-        <span>{{name}}</span>
+
+       <div style="width: 100px;position: relative;right: 20px">{{name}}</div>
         <slot></slot>
     </el-card>
 </template>
@@ -13,5 +14,11 @@
 </script>
 
 <style scoped>
+#card{
+    padding: 70px 50px;
+    cursor:pointer;
+    width: 100px;
+    /*border: #B9B9FF 4px solid;*/
+}
 
 </style>

element-vue/src/components/teacher/home.vue

@@ -13,11 +13,10 @@
                     </el-col>
                 </el-row>
 <!--               用一个循环把所有的功能模块加载出来 -->
-                <el-row :gutter="40" justify="center"  type="flex" align="bottom">
+                    <div id="block">
-                    <el-col :span="6" v-for="item in names" :key="item.name">
+                        <block   v-for="item in names" :key="item.name" :name="item.name" @click.native="item.func" class="block" ></block>
-                        <block  :name="item.name" @click.native="item.func" :style="bodyStyle"></block>
+                    </div>
-                    </el-col>
+
-                </el-row>
 
             </el-main>
         </el-container>
@@ -38,8 +37,7 @@
         data(){
             return{
                 url:'',
-                md2Style:'background-color: aquamarine;height:',
+                md2Style:"background-image: url('http://pic1.win4000.com/wallpaper/2017-10-27/59f28bee84ab0.jpg');height:",
-                bodyStyle:'background: deepskyblue',
             }
         },
         components:{
@@ -48,8 +46,7 @@
         },
         mounted() {
 
-            this.md2Style+= window.innerHeight
+            this.md2Style+= window.innerHeight+'px'
-            this.md2Style+='px'
             console.log(this.md2Style)
 
         },
@@ -60,5 +57,16 @@
 </script>
 
 <style scoped>
+#block{
+    display: flex;
+    justify-content: space-around;
+}
+    .block{
+        background: deepskyblue;
+        display:inline
+    }
+    #block :hover{
+        opacity: 80%;
+    }
 
 </style>

element-vue/src/pages/login.vue

@@ -1,5 +1,7 @@
 <template>
     <div id="demo1">
+        <img src="../assets/images/login_bg.jpg" id="img" :style="imgSty">
+
         <div id="login">
             <el-card class="card" style="background-color: lavender;">
                 <div slot="header" class="clearfix">
@@ -84,7 +86,8 @@
                         required: true, message: '请选择您的身份', trigger: 'change'
                     }]
                 },
-                dialogVisible: false
+                dialogVisible: false,
+                imgSty:""
             }
         },
         methods: {
@@ -112,6 +115,11 @@
                     }
                 });
             },
+        },
+        mounted() {
+                var height =(document.documentElement.clientHeight || window.innerHeight)-5 ;
+                console.log(document.documentElement.clientHeight,window.innerHeight)
+                this.imgSty='opacity: 100%;width:100%;height: '+height+'px'
         }
     }
 </script>

element-vue/src/pages/teacher/index.vue

@@ -1,6 +1,7 @@
 <template>
     <div>
-        <home :names="homeParams" :user="nickname" @back="backLogin" @goPersonal="goPersonal"></home>
+<!--        <img src='../../assets/images/59f28bee84ab0.jpg' style="width: 100%;height: 100%;opacity: 100%;">-->
+        <home :names="homeParams" :user="nickname" @back="backLogin" @goPersonal="goPersonal" style="float: top"></home>
     </div>
 </template>