ie兼容照片

src/assets/resetElementCss/index.css

@@ -179,6 +179,9 @@
 .el-dialog__footer {
     padding: 8px 27px 8px;
 }
+.el-image__inner--center{
+	transform: translate(-50%);
+}
 /* dialog元素 */
 .el-dialog .el-input--small .el-input__inner{
 	    height: 26px;

src/views/Login.vue

@@ -21,7 +21,7 @@
     </vue-particles> -->
     <div class="box">
       <h1>视频分析综合管理平台</h1>
-      <div style="width: 60%;margin: 0 auto;">
+      <div style="width: 68%;margin: 0 auto;">
         <el-form
           :model="ruleForm"
           :rules="rules"
@@ -255,7 +255,7 @@ export default {
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
+<style scoped>
 #particles {
   position: absolute;
   width: 100%;
@@ -299,11 +299,13 @@ export default {
 }
 
 h1 {
-  color: #000000;
+  color: #2F1136;
   height: 40px;
   line-height: 40px;
   padding: 60px 0px;
   font-size: 44px;
+  font-family:PingFangSC-Semibold,PingFang SC;
+  font-weight:600;
 }
 
 #login {
@@ -321,17 +323,22 @@ h1 {
   width: 25%;
   position: absolute;
   left: 52%;
-  top: 20%;
+  top: 22%;
 }
 button {
   width: 100%;
-  margin-top: 40px;
-  border-radius: 30px;
+  margin-top: 27px;
+  border-radius: 33px;
   background: #0069ff;
-  height: 50px;
-  font-size: 20px;
+  height: 60px;
+  font-size: 26px;
+ 
 }
-
+button >>>span {
+	 display: inline-block;
+	 text-align-last: justify;
+	 width: 24%; 
+  }
 button:hover {
   color: #d6d9df;
 }