登录框增加提示信息 (#4903)

* 登陆框增加提示信息 * 前端编译
alibaba · Feb 8, 2021 · 3a86bd1 · 3a86bd1
1 parent 9ce5501
commit 3a86bd1
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 5 deletions.
diff --git a/console-ui/src/locales/en-US.js b/console-ui/src/locales/en-US.js
@@ -28,6 +28,8 @@ const I18N_CONF = {
   },
   Login: {
     login: 'Login',
+    internalSysTip1: 'Internal system.',
+    internalSysTip2: 'Not exposed to the public network',
     submit: 'Submit',
     pleaseInputUsername: 'Please input username',
     pleaseInputPassword: 'Please input password',

diff --git a/console-ui/src/locales/zh-CN.js b/console-ui/src/locales/zh-CN.js
@@ -26,6 +26,7 @@ const I18N_CONF = {
   },
   Login: {
     login: '登录',
+    internalSysTip1: '内部系统，不可暴露到公网',
     submit: '提交',
     pleaseInputUsername: '请输入用户名',
     pleaseInputPassword: '请输入密码',

diff --git a/console-ui/src/pages/Login/Login.jsx b/console-ui/src/pages/Login/Login.jsx
@@ -102,6 +102,10 @@ class Login extends React.Component {
           <div className="animation animation5" />
           <Card className="login-panel" contentHeight="auto">
             <div className="login-header">{locale.login}</div>
+            <div className="internal-sys-tip">
+              <div>{locale.internalSysTip1}</div>
+              <div>{locale.internalSysTip2}</div>
+            </div>
             <Form className="login-form" field={this.field}>
               <FormItem>
                 <Input

diff --git a/console-ui/src/pages/Login/index.scss b/console-ui/src/pages/Login/index.scss
@@ -54,9 +54,18 @@ $contentWidth: 1280px;
         margin-top: 58px;
         text-align: center;
       }
+      .internal-sys-tip {
+        width: 100%;
+        line-height: 25px;
+        font-size: 20px;
+        margin-top: 25px;
+        text-align: center;
+        font-weight: 800;
+        color: #ff0000cc;
+      }
       .login-form {
         width: 360px;
-        margin: 80px auto auto auto;
+        margin: 40px auto auto auto;
         input {
           height: 60px;
         }

diff --git a/console/src/main/resources/static/css/main.css b/console/src/main/resources/static/css/main.css
diff --git a/console/src/main/resources/static/js/main.js b/console/src/main/resources/static/js/main.js