1127 10:55

111

src/components/SvgIcon/index.vue

@@ -1,6 +1,12 @@
 <template>
-  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
-  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+  <div v-if="isExternal"
+       :style="styleExternalIcon"
+       class="svg-external-icon svg-icon"
+       v-on="$listeners" />
+  <svg v-else
+       :class="svgClass"
+       aria-hidden="true"
+       v-on="$listeners">
     <use :xlink:href="iconName" />
   </svg>
 </template>
@@ -22,20 +28,20 @@ export default {
     }
   },
   computed: {
-    isExternal() {
+    isExternal () {
       return isExternal(this.iconClass)
     },
-    iconName() {
+    iconName () {
       return `#icon-${this.iconClass}`
     },
-    svgClass() {
+    svgClass () {
       if (this.className) {
         return 'svg-icon ' + this.className
       } else {
         return 'svg-icon'
       }
     },
-    styleExternalIcon() {
+    styleExternalIcon () {
       return {
         mask: `url(${this.iconClass}) no-repeat 50% 50%`,
         '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
@@ -56,7 +62,7 @@ export default {
 
 .svg-external-icon {
   background-color: currentColor;
-  mask-size: cover!important;
+  mask-size: cover !important;
   display: inline-block;
 }
 </style>

src/views/login/index.vue

@@ -230,7 +230,7 @@ export default {
   }
 }
 $bg: #fff;
-$light_gray: #fff;
+$light_gray: #000;
 $cursor: #000;
 @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
   .login-container .el-input input {
@@ -282,7 +282,7 @@ $cursor: #000;
 
 <style lang="scss" scoped>
 $bg: #fff;
-$dark_gray: #889aa4;
+$dark_gray: #000;
 $light_gray: #eee;
 
 .login-container {