支付组件

src/assets/css/index.scss

@@ -1,4 +1,4 @@
-
+@import "./styles.scss";
 @font-face {
   font-family: 'iconfont';  /* project id 1995974 */
   src: url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.eot');
@@ -8,8 +8,9 @@
   url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.ttf') format('truetype'),
   url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.svg#iconfont') format('svg');
 }
-.iconfont{
-  font-family: "iconfont"!important;
+
+.iconfont {
+  font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
@@ -33,7 +34,7 @@ h1 {
 
 hr {
   -webkit-box-sizing: content-box;
-          box-sizing: content-box; /* 1 */
+  box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
 }
@@ -51,7 +52,7 @@ abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted; /* 2 */
+  text-decoration: underline dotted; /* 2 */
 }
 
 b,
@@ -146,7 +147,7 @@ fieldset {
 
 legend {
   -webkit-box-sizing: border-box;
-          box-sizing: border-box; /* 1 */
+  box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
@@ -165,9 +166,10 @@ textarea {
 [type="checkbox"],
 [type="radio"] {
   -webkit-box-sizing: border-box;
-          box-sizing: border-box; /* 1 */
+  box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
+
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto;
@@ -265,7 +267,7 @@ img {
   display: flex;
 }
 
-.flex-align {
+.flex-align, .flex-center {
   display: flex;
   align-items: center;
 }
@@ -295,6 +297,7 @@ img {
 .fade-enter-active, .fade-leave-active {
   transition: opacity .3s ease-in-out;
 }
+
 .fade-enter, .fade-leave-to {
   opacity: 0;
 }
@@ -329,15 +332,16 @@ img {
 }
 
 .el-button--primary:focus {
-  background: #1FBAD6!important;
-  border-color: #1FBAD6!important;
+  background: #1FBAD6 !important;
+  border-color: #1FBAD6 !important;
 }
+
 .link-hover {
   cursor: pointer;
   transition: all ease .5s;
 
   &:hover {
-    color: #1FBAD6!important;
+    color: #1FBAD6 !important;
   }
 }
 
@@ -384,8 +388,8 @@ img {
 }
 
 .text-disabled {
-  color: #bbb!important;
-  cursor: not-allowed!important;
+  color: #bbb !important;
+  cursor: not-allowed !important;
 }
 
 .btn-disabled {
@@ -404,25 +408,25 @@ img {
 
   &:hover {
     opacity: 0.3;
-    color: #1FBAD6!important;
-    background: #fff!important;
+    color: #1FBAD6 !important;
+    background: #fff !important;
   }
 }
 
 .el-button--primary {
-  color: #fff!important;
+  color: #fff !important;
   border-color: #1FBAD6;
   background-color: #1FBAD6;
 }
 
-.el-button--danger:focus, .el-button.el-button--danger.is-link:not(.is-disabled):hover{
-  color: #fff!important;
+.el-button--danger:focus, .el-button.el-button--danger.is-link:not(.is-disabled):hover {
+  color: #fff !important;
   border-color: #FA5555;
   background-color: #FA5555;
 }
 
 .el-input-group__append .el-button {
-  background-color: #1FBAD6!important;
+  background-color: #1FBAD6 !important;
 }
 
 .admin-main {
@@ -438,11 +442,11 @@ img {
 }
 
 .el-menu--inline .el-menu-item {
-  padding-left: 55px!important;
+  padding-left: 55px !important;
 }
 
 .el-menu {
-  border: none!important;
+  border: none !important;
 }
 
 .el-menu .el-menu-item i {
@@ -468,4 +472,4 @@ img {
   input {
     width: 240px;
   }
-}
+}