Skip to content

C
CivWeb
Commit 43951857 authored by xuchaozou's avatar xuchaozou
Browse files
Options

chore: 修改首页

parent bf51d8c2
Pipeline #63871 passed with stages
          Hide whitespace changes
          Inline Side-by-side
          Showing with 94 additions and 71 deletions
          src/pages/user/login/template/project/tieshan/index.js
          View file @ 43951857
          ...@@ -27,7 +27,7 @@ const TieShanLogin = forwardRef((props, _ref) => { ...@@ -27,7 +27,7 @@ const TieShanLogin = forwardRef((props, _ref) => {
          const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
          const history = useHistory(); const history = useHistory();
          const [dateObj, setDateObj] = useState({}); const [dateObj, setDateObj] = useState({});
          const {projectName} = props.loginParams const { projectName } = props.loginParams
          const [action, setAction] = useState( const [action, setAction] = useState(
          () => () =>
          new LoginAction(Object.assign({}, props, { history }), setVisible, false), new LoginAction(Object.assign({}, props, { history }), setVisible, false),
          ...@@ -174,23 +174,25 @@ const TieShanLogin = forwardRef((props, _ref) => { ...@@ -174,23 +174,25 @@ const TieShanLogin = forwardRef((props, _ref) => {
          </div> </div>
          </div> </div>
          </div> </div>
          <div className={styles['login-header']}> <div className={styles['login-header-wrapper']}>
          <div className={styles['left-title']}> <div className={styles['login-header']}>
          <div> <div className={styles['left-title']}>
          <img src={logo} /> <div>
          <img src={logo} />
          </div>
          <div className={styles['cn-title']}>铁山原水供水调度管理平台</div>
          </div> </div>
          <div className={styles['cn-title']}>铁山原水供水调度管理平台</div> <div className={styles['right-timebox']}>
          </div> <div className={styles['curr-time']}>{dateObj.curTime}</div>
          <div className={styles['right-timebox']}> <div className={styles['curr-week-date']}>
          <div className={styles['curr-time']}>{dateObj.curTime}</div> <div className={styles['curr-week']}>{dateObj.week}</div>
          <div className={styles['curr-week-date']}> <div className={styles['curr-date']}>{dateObj.date}</div>
          <div className={styles['curr-week']}>{dateObj.week}</div> </div>
          <div className={styles['curr-date']}>{dateObj.date}</div>
          </div> </div>
          </div> </div>
          </div> </div>
          <div className={styles['krpano']}> <div className={styles['krpano']}>
          <Krpano projectName = {projectName}/> <Krpano projectName={projectName} />
          </div> </div>
          <Modal centered visible={visible} width={340} footer={null} closable={false} bodyStyle={{ padding: '15px' }}> <Modal centered visible={visible} width={340} footer={null} closable={false} bodyStyle={{ padding: '15px' }}>
          <div ref={sliVerify} /> <div ref={sliVerify} />
          ......
          src/pages/user/login/template/project/tieshan/index.less
          View file @ 43951857
          .tieshanLogin{ .tieshanLogin {
          width: 100%; width: 100%;
          height: 100%; height: 100%;
          position: relative; position: relative;
          ...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
          .inner-bg { .inner-bg {
          width: 100%; width: 100%;
          height: 100%; height: 100%;
          &>div { &>div {
          width: 70%; width: 70%;
          margin: 0 auto; margin: 0 auto;
          ...@@ -24,6 +23,7 @@ ...@@ -24,6 +23,7 @@
          font-weight: bold; font-weight: bold;
          color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
          letter-spacing: 2px; letter-spacing: 2px;
          } }
          .form-control:focus { .form-control:focus {
          ...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
          top: 50%; top: 50%;
          transform: translate(-50%, -50%); transform: translate(-50%, -50%);
          z-index: 100; z-index: 100;
          background-color: rgba(255, 255, 255, .4);
          // bottom: 20%; // bottom: 20%;
          // top: 46%; // top: 46%;
          // right: 0; // right: 0;
          ...@@ -55,15 +55,15 @@ ...@@ -55,15 +55,15 @@
          .inner-center { .inner-center {
          position: relative; position: relative;
          width: 482px; width: 400px;
          height: 316px; // height: 316px;
          background: rgba(255,255,255,0.3); background: rgba(255, 255, 255, 0.9);
          border: 1px solid #FFFFFF; border: 1px solid #FFFFFF;
          box-shadow: 0px 15px 15px 3px rgba(140,142,145,0.52); box-shadow: 0px 15px 15px 3px rgba(140, 142, 145, 0.52);
          border-radius: 15px; border-radius: 15px;
          } }
          .welcome-title{ .welcome-title {
          width: 100%; width: 100%;
          height: 68px; height: 68px;
          display: flex; display: flex;
          ...@@ -71,17 +71,20 @@ ...@@ -71,17 +71,20 @@
          justify-content: center; justify-content: center;
          align-items: center; align-items: center;
          flex-wrap: nowrap; flex-wrap: nowrap;
          background: linear-gradient(#0061E4 , #00CEFA); background: linear-gradient(#0061E4, #00CEFA);
          margin-bottom: 24px; margin-bottom: 24px;
          border-top-left-radius: 15px; border-top-left-radius: 15px;
          border-top-right-radius: 15px; border-top-right-radius: 15px;
          .welcome-split{ background-color: rgba(255, 255, 255, .9);
          .welcome-split {
          height: 30px; height: 30px;
          width: 1px; width: 1px;
          background-color: #eee; background-color: #eee;
          margin: 0 20px; margin: 0 20px;
          } }
          .welcome-slogan{
          .welcome-slogan {
          vertical-align: middle; vertical-align: middle;
          margin-top: 3px; margin-top: 3px;
          } }
          ...@@ -95,7 +98,7 @@ ...@@ -95,7 +98,7 @@
          // text-align: center; // text-align: center;
          } }
          .formgroup2 { .formgroup2 {
          display: flex; display: flex;
          align-items: center; align-items: center;
          ...@@ -114,7 +117,7 @@ ...@@ -114,7 +117,7 @@
          cursor: pointer; cursor: pointer;
          position: relative; position: relative;
          } }
          .APPCtext { .APPCtext {
          font-size: 14px; font-size: 14px;
          font-family: Microsoft YaHei; font-family: Microsoft YaHei;
          ...@@ -125,66 +128,83 @@ ...@@ -125,66 +128,83 @@
          } }
          .login-header{
          .login-header-wrapper {
          width: 100%; width: 100%;
          position: absolute; position: absolute;
          top: 0; top: 0;
          padding: 0 38px; background: linear-gradient(to bottom ,rgba(56,158,239, 1), rgba(56,158,239, 0));
          display: flex; height: 100px;
          justify-content: space-between;
          align-items: center;
          z-index: 100; z-index: 100;
          background: url('./images/header.png');
          .left-title{ .login-header {
          display: flex; position: relative;
          justify-content: flex-start; width: 100%;
          align-items: center; padding: 0 38px;
          .cn-title{
          font-size: 26px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #FFFFFF;
          margin-left: 10px;
          }
          .en-title{
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #FFFFFF;
          opacity: 0.65;
          }
          }
          .right-timebox{
          display: flex; display: flex;
          justify-content: center; justify-content: space-between;
          align-items: center; align-items: center;
          height: 60px;
          .curr-time{ .left-title {
          width: 140px; display: flex;
          font-size: 36px; justify-content: flex-start;
          font-family: Microsoft YaHei; align-items: center;
          font-weight: 300;
          color: #FFFFFF; .cn-title {
          } font-size: 26px;
          .curr-week-date{
          margin-left: 10px;
          .curr-week{
          font-size: 16px;
          font-family: Microsoft YaHei; font-family: Microsoft YaHei;
          font-weight: 400; font-weight: 400;
          color: #FFFFFF; color: #FFFFFF;
          margin-left: 10px;
          } }
          .curr-date{
          font-size: 14px; .en-title {
          font-size: 12px;
          font-family: Microsoft YaHei; font-family: Microsoft YaHei;
          font-weight: 400; font-weight: 400;
          color: #FFFFFF; color: #FFFFFF;
          opacity: 0.65;
          }
          }
          .right-timebox {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 60px;
          .curr-time {
          width: 140px;
          font-size: 36px;
          font-family: Microsoft YaHei;
          font-weight: 300;
          color: #FFFFFF;
          }
          .curr-week-date {
          margin-left: 10px;
          .curr-week {
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #FFFFFF;
          }
          .curr-date {
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #FFFFFF;
          }
          } }
          } }
          } }
          } }
          .copyright{ .copyright {
          position: absolute; position: absolute;
          bottom: 7%; bottom: 7%;
          width: 100%; width: 100%;
          ...@@ -195,7 +215,8 @@ ...@@ -195,7 +215,8 @@
          color: #F1F6FD; color: #F1F6FD;
          text-align: center; text-align: center;
          } }
          .qrcode-box{
          .qrcode-box {
          position: absolute; position: absolute;
          bottom: 0; bottom: 0;
          right: -35px; right: -35px;
          ...@@ -206,7 +227,7 @@ ...@@ -206,7 +227,7 @@
          cursor: pointer; cursor: pointer;
          } }
          .krpano{ .krpano {
          position: absolute; position: absolute;
          left: 0; left: 0;
          top: 0; top: 0;
          ......
          Markdown is supported
          0% or
          You are about to add 0 people to the discussion. Proceed with caution.
          Finish editing this message first!
          Please register or to comment