feat: 黑龙江职院登录页开发

src/pages/user/login/index.js

@@ -44,6 +44,7 @@ import JieshouLogin from './template/project/jieshou';
 import YongjiLogin from './template/project/yongji';
 import DanlingLogin from './template/project/danling';
 import PulandianLogin from './template/project/pulandian';
+import HeilongjiangzhixiaoLogin from './template/project/heilongjiang';
 import GaoyaoLogin from './template/project/gaoyao';
 import JianzhaLogin from './template/project/jianzha';
 import ChinaShuiwu from './template/project/chinaShuiwu';
@@ -91,6 +92,7 @@ const LoginTemplate = {
   '项目 - 永吉.html': YongjiLogin,
   '项目 - 丹棱.html': DanlingLogin,
   '项目 - 普兰店.html': PulandianLogin,
+  '项目 - 黑龙江职院.html': HeilongjiangzhixiaoLogin,
   '项目 - 高要.html': GaoyaoLogin,
   '项目 - 尖扎.html': JianzhaLogin,
   '项目 - 中国水务.html': ChinaShuiwu,

src/pages/user/login/template/project/heilongjiang/index.less

+
+.heilongjiangzhixiaoLogin {
+    width: 100%;
+    height: 100%;
+    // background: url('./images/邳州背景.jpg') no-repeat center center;
+    position: relative;
+    min-height: 7.0rem;
+    overflow: hidden;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+
+    .caseHide {
+        display: none !important;
+    }
+
+
+    .inner-bg {
+        width: 100%;
+        height: 100%;
+
+
+        &>div {
+            width: 80%;
+            margin: 0 10% 10%;
+        }
+    }
+
+    .inner-wrapper {
+        position: absolute;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        top: 250px;
+        left: calc(50% - 268.5px);
+        z-index: 50;
+
+    }
+
+    .inner-bg .title {
+        font-size: 27px;
+        font-weight: bold;
+        color: rgba(255, 255, 255, 1);
+        letter-spacing: 2px;
+    }
+
+    .form-control:focus {
+        border-color: #66afe9;
+        outline: 0;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+    }
+
+
+
+    .inner-center {
+        position: relative;
+        width: 537px;
+        height: 345px;
+        border: 1px solid #FDFDFD;
+        box-shadow: 0px 6px 18px 0px rgba(25, 61, 79, 0.35);
+        border-radius: 15px;
+        z-index: 2;
+        backdrop-filter: blur(6px);
+
+    }
+
+    .welcome-title {
+        height: 100px;
+        border-radius: 8px 8px 0px 0px;
+        text-align: center;
+        line-height: 100px;
+        font-size: 40px;
+        font-weight: bolder;
+        color: #008EFE;
+        // text-shadow: 0px 4px 5px #A3AFC7;
+        // -webkit-text-stroke:0.5px #FFFFFF;
+        text-shadow: #FFFFFF 1.5px 0 0, #FFFFFF 0 1.5px 0, #FFFFFF -1.5px 0 0, #FFFFFF 0 -1.5px 0;
+        font-family: '楷体';
+    }
+
+    .formgroup2 {
+        display: flex;
+        align-items: center;
+        display: flex;
+        margin: 0px 5.5%;
+        margin-bottom: 10%;
+        align-items: center;
+        margin-bottom: 40px;
+    }
+
+    .APPcodeBox {
+        width: 100%;
+        display: flex;
+        flex-flow: column;
+        align-items: center;
+        cursor: pointer;
+        position: relative;
+    }
+
+    .APPCtext {
+        font-size: 14px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #000000;
+        line-height: 30px;
+        opacity: 0.75;
+    }
+
+    .login-header {
+        box-sizing: border-box;
+        width: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 82px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 22px;
+        z-index: 50;
+        // border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+
+        .left-title {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+
+            img {
+                // width: 166px;
+                height: 55px;
+            }
+
+            .cn-title {
+                // text-shadow: 0px 1px 10px #A3AFC7;
+                line-height: 1;
+                margin-left: 10px;
+                font-weight: 800;
+                font-size: 40px;
+                color: #1E40AC;
+                line-height: 91px;
+                text-shadow: 0px 1px 10px #FFFFFF;
+                text-stroke: 1px #FFFFFF;
+                -webkit-text-stroke: 1px #FFFFFF;
+            }
+        }
+
+        .right-timebox {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 60px;
+
+            .curr-time {
+                width: 160px;
+                font-size: 34px;
+                font-family: Microsoft YaHei;
+                font-weight: 400;
+                color: #1E40AC;
+                text-align: right;
+            }
+
+            .curr-week-date {
+                margin-left: 10px;
+
+                .curr-week {
+                    font-size: 16px;
+                    font-family: Microsoft YaHei;
+                    font-weight: 400;
+                    color: #1E40AC;
+                }
+                .curr-date {
+                    font-size: 14px;
+                    font-family: Microsoft YaHei;
+                    font-weight: 400;
+                    color: #1E40AC;
+                }
+            }
+        }
+    }
+
+    .copyright {
+        position: absolute;
+        left: 0;
+        bottom: 7%;
+        width: 100%;
+        margin: 0 auto;
+        font-size: 12px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #F1F6FD;
+        text-align: center;
+    }
+
+    .qrcode-box {
+        position: absolute;
+        bottom: 0;
+        right: -23px;
+        width: 23px;
+        height: 23px;
+        background: #FFFFFF;
+        opacity: 0.8;
+        cursor: pointer;
+    }
+
+}
+
+
+& :global {
+    .heilongjiangzhixiaoLogin {
+        .panda-console-base-btn {
+            border-radius: 20px;
+            background: linear-gradient(0deg, #1E40AC 0%, #6B88E3 100%);
+            border-radius: 22px;
+        }
+
+        // .panda-console-base-btn:hover,  .panda-console-base-btn:focus{
+        //     border-radius: 20px;
+        //     background: linear-gradient(0deg, #1E40AC 0%, #6B88E3 100%);
+        //     border-radius: 22px;
+        // }
+        .panda-console-basesrc-pages-user-login-components-login-index-prefixIcon {
+            color: #1E40AC;
+        }
+    }
+
+    .popover-style {
+        .@{ant-prefix}-popover-inner-content {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .@{ant-prefix}-popover-title {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    }
+}
+
+:global {
+    .popover-style {
+        .@{ant-prefix}-popover-inner-content {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .@{ant-prefix}-popover-title {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    }
+}
+
+.CarouselRipples {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+}
+
+& :global {
+    .CarouselRipples:before {
+        content: '';
+        display: inline-block;
+        vertical-align: middle;
+        height: 100%;
+    }
+}
\ No newline at end of file