样式

src/components/PageContent/index.js

@@ -25,7 +25,7 @@ export default (props) => {
           </span>
         </div>
         <div className={styles.center}>{center}</div>
-        <div>{closeable && <CloseOutlined />}</div>
+        <div>{closeable && <CloseOutlined style={{ fontSize: 24 }} />}</div>
       </div>
 
       {children}

src/components/PageContent/index.less

@@ -1,7 +1,7 @@
 .page {
   background-color: #a0bcda54;
-  height: 100%;
   padding: 20px;
+  min-height: 100vh;
 
   .pageTitle {
     display: flex;

src/global.less

@@ -96,3 +96,15 @@ input[type='reset'] {
 *:focus {
   outline: none;
 }
+
+.password-eye {
+  display: inline-block;
+  vertical-align: middle;
+  width: 40px;
+  height: 15px;
+  background: url('@/assets/icon-eye1.png') no-repeat center;
+  background-size: contain;
+  &.open {
+    background-image: url('@/assets/icon-eye2.png');
+  }
+}