资料库

src/main/resources/static/css/document/details.css

@@ -19,13 +19,13 @@ li{list-style:none}
         color: #ffffff;
     }
     .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
-    .wrap{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;}
-    .wrap .logo{width: 52px;height: 44px;margin-right: 10px;}
-    .wrap .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
-    .wrap .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
-    .wrap .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
-    .wrap .search .icon-search img{width: 22px;height: 22px;display: block;}
-    .document-content{width: 100%;height: auto;float: left;}
+    .wrap-header{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;margin: 0 auto;}
+    .wrap-header .logo{width: 52px;height: 44px;margin-right: 10px;}
+    .wrap-header .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
+    .wrap-header .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
+    .wrap-header .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
+    .wrap-header .search .icon-search img{width: 22px;height: 22px;display: block;}
+    .document-content{width: 100%;min-height:900px;float: left;}
     .document-content .inner{width: 1200px;margin: 0 auto;}
     .document-content .document-list{width: 100%;height: auto;margin-top: 40px;}
     .document-list .list-item{width: 100%;min-height: 160px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 20px 20px 0 20px ;float: left;margin-bottom: 20px;}
@@ -41,14 +41,53 @@ li{list-style:none}
     .document-list .list-item .list-item-top .main p span{color: #E15616;cursor: pointer;}
     .document-list .list-item .list-item-bot{width: 100%;min-height: 1185px;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;margin-bottom: 120px;}
     iframe{width: 1160px !important;height: 1185px !important;}
+    .document-footer{width: 100%;height: 120px;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
+    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-
-
+    ::-webkit-input-placeholder {
+        color: #ffffff;
+    }
+    :-moz-placeholder {/* Firefox 18- */
+        color: #ffffff;
+    }
+    ::-moz-placeholder{/* Firefox 19+ */
+        color: #ffffff;
+    }
+    :-ms-input-placeholder {
+        color: #ffffff;
+    }
+    .mIcon:before{transition:none;}
+    .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 4vw;}
+    .wrap-header{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
+    .wrap-header .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
+    .wrap-header .search{width: 56.9vw;height: 10vw;float: right;border-radius: 5vw;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 2vw;}
+    .wrap-header .search .input{width: 43.9vw;height: 8vw;line-height:8vw;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size:3vw;color: #ffffff;}
+    .wrap-header .search .icon-search{width:8vw;height: 8vw;float: right;box-sizing: border-box;padding: 2vw;cursor: pointer;margin-top: 0.5vw;}
+    .wrap-header .search .icon-search img{width: 4vw;height: 4vw;display: block;cursor: pointer;}
+    .document-content{width: 100%;min-height:100%;float: left;}
+    .document-content .inner{width:100%;margin: 0 auto;}
+    .document-content .document-list{width: 100%;height: auto;margin-top: 4vw;box-sizing: border-box;padding: 0 3vw;}
+    .document-list .list-item{width: 100%;min-height: auto;background-color: #FFFFFF;border-radius: 1.5vw;float: left;margin-bottom: 4vw;}
+    .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:2vw; position: relative;box-sizing: border-box;padding: 3vw;}
+    .document-list .list-item .list-item-top .image{width:20vw;height: 20vw;float: left;border: 1px solid #F3F6F9;border-radius: 1.5vw;margin-right: 2vw;}
+    .document-list .list-item .list-item-top .image img{width: 20vw;height: 20vw;display: block;}
+    .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
+    .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -59vw 0;}
+    .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -67vw 0;}
+    .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 56vw;}
+    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 4vw;line-height: 6.5vw;color: #E15616;text-align: left;}
+    .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
+    .document-list .list-item .list-item-top .main p span{color: #E15616;cursor: pointer;}
+    .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
+    .document-footer{width: 100%;height: auto;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
+    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
+    .media{width: 100% !important;height: 1000vw !important;}
+    iframe{width: 100% !important;height: 100% !important;}
 
 
 }

src/main/resources/static/css/document/list.css

@@ -19,13 +19,13 @@ li{list-style:none}
         color: #ffffff;
     }
     .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
-    .wrap{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;}
-    .wrap .logo{width: 52px;height: 44px;margin-right: 10px;}
-    .wrap .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
-    .wrap .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
-    .wrap .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
-    .wrap .search .icon-search img{width: 22px;height: 22px;display: block;cursor: pointer;}
-    .document-content{width: 100%;height: auto;float: left;}
+    .wrap-header{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;margin: 0 auto;}
+    .wrap-header .logo{width: 52px;height: 44px;margin-right: 10px;}
+    .wrap-header .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
+    .wrap-header .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
+    .wrap-header .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
+    .wrap-header .search .icon-search img{width: 22px;height: 22px;display: block;cursor: pointer;}
+    .document-content{width: 100%;min-height:900px;float: left;}
     .document-content .inner{width: 1200px;margin: 0 auto;}
     .document-content .document-list{width: 100%;height: auto;margin-top: 40px;}
     .document-list .list-item{width: 100%;min-height: 160px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 20px 20px 0 20px ;float: left;margin-bottom: 20px;}
@@ -44,14 +44,55 @@ li{list-style:none}
     .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 10px;cursor: pointer;}
     .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
     .document-list .list-item .list-item-bot .pdf-li .time{float: right;}
-
+    .document-footer{width: 100%;height: 120px;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
+    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-
+    ::-webkit-input-placeholder {
+        color: #ffffff;
+    }
+    :-moz-placeholder {/* Firefox 18- */
+        color: #ffffff;
+    }
+    ::-moz-placeholder{/* Firefox 19+ */
+        color: #ffffff;
+    }
+    :-ms-input-placeholder {
+        color: #ffffff;
+    }
+    .mIcon:before{transition:none;}
+    .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 4vw;}
+    .wrap-header{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
+    .wrap-header .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
+    .wrap-header .search{width: 56.9vw;height: 10vw;float: right;border-radius: 5vw;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 2vw;}
+    .wrap-header .search .input{width: 43.9vw;height: 8vw;line-height:8vw;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size:3vw;color: #ffffff;}
+    .wrap-header .search .icon-search{width:8vw;height: 8vw;float: right;box-sizing: border-box;padding: 2vw;cursor: pointer;margin-top: 0.5vw;}
+    .wrap-header .search .icon-search img{width: 4vw;height: 4vw;display: block;cursor: pointer;}
+    .document-content{width: 100%;min-height:108vw;float: left;}
+    .document-content .inner{width:100%;margin: 0 auto;}
+    .document-content .document-list{width: 100%;height: auto;margin-top: 4vw;box-sizing: border-box;padding: 0 3vw;}
+    .document-list .list-item{width: 100%;min-height: auto;background-color: #FFFFFF;border-radius: 1.5vw;box-sizing: border-box;padding: 3vw 3vw 0 3vw;float: left;margin-bottom: 4vw;}
+    .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:2vw; position: relative;}
+    .document-list .list-item .list-item-top .image{width:20vw;height: 20vw;float: left;border: 1px solid #F3F6F9;border-radius: 1.5vw;margin-right: 2vw;}
+    .document-list .list-item .list-item-top .image img{width: 20vw;height: 20vw;display: block;}
+    .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
+    .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -59vw 0;}
+    .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -67vw 0;}
+    .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 56vw;}
+    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 4vw;line-height: 6.5vw;color: #E15616;text-align: left;}
+    .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
+    .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
+    .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 8vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}
+    .document-list .list-item .list-item-bot .pdf-li .img{width: 7vw;height:8vw;display: block;float: left;margin-top: 0;}
+    .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 3vw;cursor: pointer;width: 56vw;}
+    .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
+    .document-list .list-item .list-item-bot .pdf-li .time{float: left;margin-left: 3vw;width: 56vw;}
+    .document-footer{width: 100%;height: auto;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
+    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
 
 
 

src/main/resources/static/css/document/login.css

@@ -8,7 +8,7 @@ li{list-style:none}
     .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
     .wrap{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;}
     .wrap .logo{width: 52px;height: 44px;margin-right: 10px;}
-    .login-contailer{width: 100%;height: 1000px;background: url("/img/document/document_bg.jpg")no-repeat;background-size: cover;box-sizing: border-box;padding-top: 200px;}
+    .login-contailer{width: 100%;min-height: 1080px;background: url("/img/document/document_bg.jpg")no-repeat;background-size: cover;box-sizing: border-box;padding-top: 200px;position: relative;}
     .loginWrap{width:1100px;height:560px;overflow:hidden;background-color: #ffffff;margin:0 auto;box-sizing:border-box;box-shadow: 0px 0px 20px 0px rgba(227, 88, 24, 0.1);border-radius: 10px;}
     .login-image{width: 490px;height: 560px;float: left;}
     .loginForm{float:right;width:610px;height:560px;padding:90px 123px;font-size:14px;position:relative;box-sizing: border-box;}
@@ -23,25 +23,23 @@ li{list-style:none}
     .loginForm .submit button.btn{background-color:#e15616;color:#FFF}
     .loginForm .submit .btn:hover{opacity:.8}
     .formLine.code input{width: 230px;float: left;}
-    .formLine.code .code-btn{width: 120px;height: 46px;background: #FFF8F3;border: 1px solid #E15616;border-radius: 4px;float: right;display: block;line-height: 48px;text-align: center;}
+    .formLine.code .code-btn{width: 120px;height: 48px;background: linear-gradient(135deg, #F28F31 0%, #E15616 100%);border-radius: 4px;float: right;display: block;line-height: 48px;text-align: center;color: #FFFFFF;}
+    .formLine.code .code-btn.disabled{background: #EBEBEB;color: #999999;}
     .formLine.code .checked{left:200px;}
     #codeMsg{display: inline-block;float: left;}
     .loginForm .codeBtn{position:absolute;right:0;top:0;width:100px;height:100px;}
     .loginForm .codeBtn:before{width:100px;height:100px;background-position:-138px -146px}
-    .loginForm .qrCodeBox{text-align:center}
-    .loginForm .qrCode{width:168px;height:168px;border-radius:2px;border:solid 1px #ffb496;margin:27px auto 0 auto}
-    .loginForm .qrInfo{text-align:center;height:44px;line-height:44px;font-size:16px;color:#93979f}
-    .loginForm .changeBtn{display:inline-block;height:24px;line-height:24px;color:#e15616;font-size:16px;position:absolute;right:24px;top:20px}
-    .loginForm .changeBtn:before{width:24px;height:24px;background-position:-175px -251px;vertical-align:top;margin-right:6px}
-    .loginForm .showPwd{position:absolute;right:22px;top:16px;width:22px;height:16px;cursor:pointer}
-    .loginForm .showPwd:before{width:22px;height:20px;background-position:-240px -299px}
-    .loginForm .showPwd.on:before{width:22px;height:20px;background-position:-205px -299px}
-    #qrCodeWrap{position:relative}
-    #qrCodeWrap .model{position:absolute;width:200px;height:200px;top:15px;left:98px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,1);color:#000;z-index:99999;cursor:pointer;border:1px solid #EBEBEB}
-    #qrCodeWrap .model .refresh{width:21px;height:21px;display:block;margin:0 auto 3px}
-    #qrCodeWrap .model .refresh-div{width:100px;height:64px;display:block}
-    #qrCodeWrap .model .refresh-div p{text-align:center;font-size:14px;line-height:20px}
     .baseHeadCenter.account .accountLogin{display:none}
+    .login-success{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #FFFFFF;z-index: 9999;opacity: 0;}
+    .login-success.active{opacity: 1;}
+    .login-success .inner{width: 500px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;padding-top: 130px;}
+    .login-success .pc-icon{width: 300px;height:228px;display: block;}
+    .login-success h1{width: 300px;height: 60px;font-size: 30px;line-height: 60px;text-align: center;margin-top: 20px;}
+    .login-success h1.text-success{color: #25C474;}
+    .login-success h1.text-error{color: #F94B4B;}
+    .login-success p{width: 300px;height: 24px;font-size: 18px;color: #666666;line-height: 24px;text-align: center;}
+    .login-success p span{color: #E15616;}
+    .login-success .btn{display: block;width: 120px;height: 40px;background: linear-gradient(90deg, #FF8B45, #E15616);border-radius: 20px;font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;margin:20px auto;}
 
 
 }
@@ -50,23 +48,41 @@ li{list-style:none}
 * 移动端
 */
 @media screen and (max-width:768px){
-body{background:#FFF}
-footer{display:none}
-.loginForm .showPwd{display:none;}
-.loginForm{padding-top:4vw;text-align:center;background:#FFF url(/img/account/login_m.png) no-repeat center 25vw;background-size:57vw 43.2vw}
-.loginForm h1{color:#22272e;font-size:6.4vw;font-weight:bold;line-height:10vw}
-.loginForm h2{font-size:3.1vw;font-weight:normal;line-height:5.4vw;color:#627386}
-.loginForm form{width:93.4vw;margin:54vw auto 0}
-.loginForm .formLine{height:16.4vw;padding:0;}
-.loginForm input{height:11.2vw;line-height:6vw;padding: 2.6vw 0;box-sizing: border-box;}
-.loginForm .checked{top:3.6vw;right:3.6vw;}
-.loginForm .forget{text-align:right;color:#4a4f58;font-size:3.4vw;line-height:3.4vw;margin-bottom:4.8vw}
-.loginForm .submit{line-height:11.2vw;font-size:3.4vw;text-align:center;color:#22272e;}
-.loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:100%;height:11.2vw;border:solid 1px #b8bfca;border-radius:2px;margin-bottom:4.8vw}
-.loginForm .submit button.btn{border-color:#e15616;background:#e15616;color:#FFF;}
-.loginForm .submit .weChat{display:block;margin:6vw auto;width:50vw;color:#627386;line-height:8vw}
-.loginForm .submit .weChat span{display:inline-block;width:100%}
-.loginForm .submit .weChat .mIcon:before{width:12vw;height:12vw;background-position:0 -77.8vw}
+    body{background-color: #ffffff;background: url("/img/document/document-h5.png")no-repeat center;background-size:cover;}
+    #loginPage{width: 100%;height: 100%;}
+    .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 6vw;}
+    .wrap{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
+    .wrap .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
+    .loginForm .showPwd{display:none;}
+    .login-contailer{width: 100%;min-height:100%;box-sizing: border-box;padding: 0 10vw;position: relative;}
+    .login-image{width: 56.1vw;height: 50.1vw;margin: 0 auto;margin-top: 15vw;margin-bottom: 10vw;}
+    .loginForm .title{display: none;}
+    .loginForm h1{color:#22272e;font-size:6.4vw;font-weight:bold;line-height:10vw}
+    .loginForm h2{font-size:3.1vw;font-weight:normal;line-height:5.4vw;color:#627386}
+    .loginForm form{width:100%;margin:0 auto 0}
+    .loginForm .formLine{height:16.4vw;padding:0;}
+    .loginForm input{height:11.2vw;line-height:6vw;padding: 2.6vw 0;box-sizing: border-box;border-radius:1vw; }
+    .loginForm .checked{top:3.6vw;right:3.6vw;}
+    .formLine.code .code-btn{width: 21vw;height: 11vw;display: block;float: right;text-align: center;line-height: 11vw;border-radius: 1vw;box-sizing: border-box;background: linear-gradient(135deg, #F28F31 0%, #E15616 100%);color: #FFFFFF;font-size: 3vw;}
+    .formLine.code .code-btn.disabled{background: #EBEBEB;color: #999999;}
+    .loginForm .forget{text-align:right;color:#4a4f58;font-size:3.4vw;line-height:3.4vw;margin-bottom:4.8vw}
+    .loginForm .submit{line-height:11.2vw;font-size:3.4vw;text-align:center;color:#22272e;}
+    .loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:100%;height:11.2vw;border:solid 1px #b8bfca;border-radius:2px;margin-bottom:4.8vw}
+    .loginForm .submit button.btn{background: linear-gradient(135deg, #F28F31 0%, #E15616 100%);color: #FFFFFF;}
+    .loginForm .submit .weChat{display:block;margin:6vw auto;width:50vw;color:#627386;line-height:8vw}
+    .loginForm .submit .weChat span{display:inline-block;width:100%}
+    .loginForm .submit .weChat .mIcon:before{width:12vw;height:12vw;background-position:0 -77.8vw}
+    .login-success{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #FFFFFF;z-index: 9999;opacity: 0;}
+    .login-success.active{opacity: 1;}
+    .login-success .inner{width: 100%;display: flex;flex-direction: column;align-items: center;padding-top: 4vw;}
+    .login-success .success-main{display: flex;flex-direction: column;align-items: center;}
+    .login-success .h5-icon{width: 47vw;height:35vw;display: block;}
+    .login-success h1{width:  47vw;height: 10vw;font-size: 5vw;line-height: 10vw;text-align: center;margin-top: 4vw;}
+    .login-success h1.text-success{color: #25C474;}
+    .login-success h1.text-error{color: #F94B4B;}
+    .login-success p{width: 47vw;height: 4vw;font-size: 3vw;color: #666666;line-height:  4vw;text-align: center;}
+    .login-success p span{color: #E15616;}
+    .login-success .btn{display: block;width: 30vw;height: 9vw;background: linear-gradient(90deg, #FF8B45, #E15616);border-radius: 4.5vw;font-size:3vw;color: #FFFFFF;line-height: 9vw;text-align: center;margin:4vw auto;}
 
 
 

src/main/resources/static/css/document/more-content.css

@@ -19,13 +19,13 @@ li{list-style:none}
         color: #ffffff;
     }
     .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
-    .wrap{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;}
-    .wrap .logo{width: 52px;height: 44px;margin-right: 10px;}
-    .wrap .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
-    .wrap .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
-    .wrap .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
-    .wrap .search .icon-search img{width: 22px;height: 22px;display: block;cursor: pointer;}
-    .document-content{width: 100%;height: auto;float: left;}
+    .wrap-header{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;margin: 0 auto;}
+    .wrap-header .logo{width: 52px;height: 44px;margin-right: 10px;}
+    .wrap-header .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
+    .wrap-header .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
+    .wrap-header .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
+    .wrap-header .search .icon-search img{width: 22px;height: 22px;display: block;cursor: pointer;}
+    .document-content{width: 100%;min-height:900px;float: left;}
     .document-content .inner{width: 1200px;margin: 0 auto;}
     .document-content .document-list{width: 100%;height: auto;margin-top: 40px;}
     .document-list .list-item{width: 100%;min-height: 160px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 20px 20px 0 20px ;float: left;margin-bottom: 20px;}
@@ -44,14 +44,55 @@ li{list-style:none}
     .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 10px;cursor: pointer;}
     .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
     .document-list .list-item .list-item-bot .pdf-li .time{float: right;}
-
+    .document-footer{width: 100%;height: 120px;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
+    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-
+    ::-webkit-input-placeholder {
+        color: #ffffff;
+    }
+    :-moz-placeholder {/* Firefox 18- */
+        color: #ffffff;
+    }
+    ::-moz-placeholder{/* Firefox 19+ */
+        color: #ffffff;
+    }
+    :-ms-input-placeholder {
+        color: #ffffff;
+    }
+    .mIcon:before{transition:none;}
+    .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 4vw;}
+    .wrap-header{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
+    .wrap-header .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
+    .wrap-header .search{width: 56.9vw;height: 10vw;float: right;border-radius: 5vw;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 2vw;}
+    .wrap-header .search .input{width: 43.9vw;height: 8vw;line-height:8vw;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size:3vw;color: #ffffff;}
+    .wrap-header .search .icon-search{width:8vw;height: 8vw;float: right;box-sizing: border-box;padding: 2vw;cursor: pointer;margin-top: 0.5vw;}
+    .wrap-header .search .icon-search img{width: 4vw;height: 4vw;display: block;cursor: pointer;}
+    .document-content{width: 100%;min-height:108vw;float: left;}
+    .document-content .inner{width:100%;margin: 0 auto;}
+    .document-content .document-list{width: 100%;height: auto;margin-top: 4vw;box-sizing: border-box;padding: 0 3vw;}
+    .document-list .list-item{width: 100%;min-height: auto;background-color: #FFFFFF;border-radius: 1.5vw;box-sizing: border-box;padding: 3vw 3vw 0 3vw;float: left;margin-bottom: 4vw;}
+    .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:2vw; position: relative;}
+    .document-list .list-item .list-item-top .image{width:20vw;height: 20vw;float: left;border: 1px solid #F3F6F9;border-radius: 1.5vw;margin-right: 2vw;}
+    .document-list .list-item .list-item-top .image img{width: 20vw;height: 20vw;display: block;}
+    .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
+    .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -59vw 0;}
+    .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -67vw 0;}
+    .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 56vw;}
+    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 4vw;line-height: 6.5vw;color: #E15616;text-align: left;}
+    .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
+    .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
+    .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 8vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}
+    .document-list .list-item .list-item-bot .pdf-li .img{width: 7vw;height:8vw;display: block;float: left;margin-top: 0;}
+    .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 3vw;cursor: pointer;width: 56vw;}
+    .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
+    .document-list .list-item .list-item-bot .pdf-li .time{float: left;margin-left: 3vw;width: 56vw;}
+    .document-footer{width: 100%;height: auto;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
+    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
 
 
 

src/main/resources/static/js/document/details.js

@@ -17,10 +17,19 @@ var documentList = new Vue({
                     var data = response.data;
                     _self.ossArchive = data.ossArchive;
                     _self.ossArchivePdf = data.ossArchivePdf;
-                    setTimeout(function () {
-                        $('a.media').media({width:1160, height:1158});
-                        $('a.mediase').media({width:1160, height:1158});
-                    },0);
+                    if(isPC){
+                        console.log('111111111')
+                        setTimeout(function () {
+                            $('a.media').media({width:1160, height:1158});
+                            $('a.mediase').media({width:1160, height:1158});
+                        },0);
+                    }else{
+                        console.log('22222222222')
+                        setTimeout(function () {
+                            $('a.media').media({width:750, height:900});
+                            $('a.mediase').media({width:750, height:900});
+                        },0);
+                    }
                 }else{
                     CAIMEI.Alert(response.msg, '确定', false);
                 }

src/main/resources/static/js/document/login.js

@@ -19,11 +19,15 @@ var loginPage = new Vue({
         codeImagePath:'',
         codeImageToken:'',
         imageCode:'',
+        isSuccess:false,
+        isError:false,
+        isLoginSuccess:false,
         rule:{
             phone: '^\\d{6,12}$',
             code: '^\\d{6}$',
         },
-        isWeChat: false
+        isWeChat: false,
+        maxtime:3
     },
     computed: {
 
@@ -106,13 +110,33 @@ var loginPage = new Vue({
                     _self.loginLoading = false;
                     if(response.code === 0){
                         // 登录成功页面跳转
-                        location.href = '/document/list.html';
-                    } else {// 登录失败
+                        _self.isLoginSuccess = true;
+                        _self.isSuccess = true;
+                        var timeClock = setInterval(function(){
+                            _self.maxtime--;
+                            if (_self.maxtime == 0) {
+                                location.href = '/document/list.html';
+                                clearInterval(timeClock);
+                                _self.maxtime = 3;
+                                _self.isRefresh = true;
+                            }
+                        },1000);
+                    } else if(response.code == -2) {// 登录失败
+                        _self.isLoginSuccess = true;
+                        _self.isError = true;
+                    }else{
                         CAIMEI.Alert(response.msg,'确定',false);
                     }
                 });
             });
         },
+        navLinkFn:function(){//跳转
+            location.href = '/document/list.html';
+        },
+        goBackLogin:function(){
+            this.isLoginSuccess = false;
+            this.isError = false
+        },
         setStorages:function(data){//存储本地数据
             localStorage.setItem('userInfo',JSON.stringify(data));
         }

src/main/resources/templates/document/details.html

@@ -12,7 +12,7 @@
     <!-- 引用头部 -->
     <div>
         <div class="header document">
-            <div class="wrap clear">
+            <div class="wrap-header clear">
                 <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台"/>
                 <span>采美资料库</span>
                 <div class="search">
@@ -45,6 +45,14 @@
             </div>
         </div>
     </div>
+    <div class="document-footer">
+        <div class="wrap copyright clear">
+            <div class="item icon mIcon">
+                <p><span>Copyright © 2015-2020 CAIMEI365.com All Rights Reserved.</span><span>深圳市采美信息技术有限公司</span></p>
+                <p><span>粤B1-20160129 备案号 粤ICP备14019824号</span><span>中华人民共和国增值电信业务经营许可证</span></p>
+            </div>
+        </div>
+    </div>
 </div>
 <!-- 引入底部 -->
 <template th:replace="components/document-link"></template>

src/main/resources/templates/document/list.html

@@ -12,7 +12,7 @@
     <!-- 引用头部 -->
     <div class="header-content">
         <div class="header document">
-            <div class="wrap clear">
+            <div class="wrap-header clear">
                 <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台"/>
                 <span>采美资料库</span>
                 <div class="search">
@@ -26,7 +26,7 @@
         <input type="hidden" th:value="${spiServer}" id="spiServer">
         <input type="hidden" th:value="${agent}" id="userAgent">
     </div>
-    <div class="document-content">
+    <div class="document-content clear">
         <div class="inner">
             <div class="document-list">
                 <div class="list-item" v-for="(item,index) in pdfDataList" :key="index">
@@ -43,13 +43,21 @@
                         <div class="pdf-li" v-for="(pdf,idx) in item.pdfList" :key="idx" @click="PdfDetails(pdf.id)">
                             <img class="img" src="/img/document/pdf.png" alt="">
                             <p class="name">{{ pdf.name }}</p>
-                            <p class="time">{{ pdf.url }}</p>
+                            <p class="time">{{ pdf.uploadTime }}</p>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
+    <div class="document-footer">
+        <div class="wrap copyright clear">
+            <div class="item icon mIcon">
+                <p><span>Copyright © 2015-2020 CAIMEI365.com All Rights Reserved.</span><span>深圳市采美信息技术有限公司</span></p>
+                <p><span>粤B1-20160129 备案号 粤ICP备14019824号</span><span>中华人民共和国增值电信业务经营许可证</span></p>
+            </div>
+        </div>
+    </div>
 </div>
 <!-- 引入底部 -->
 <template th:replace="components/document-link"></template>

src/main/resources/templates/document/login.html

@@ -8,23 +8,23 @@
     <link th:href="@{/css/document/login.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
 <body>
-<!-- 引用头部 -->
-<header id="globalHead" xmlns:th="http://www.w3.org/1999/xhtml">
-    <div class="header document">
-        <div class="wrap clear">
-            <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台"/>
-            <span>采美资料库</span>
-        </div>
-    </div>
-    <input type="hidden" th:value="${spiServer}" id="spiServer">
-    <input type="hidden" th:value="${agent}" id="userAgent">
-</header>
 <!-- 二级页面 -->
 <div id="loginPage">
+    <header id="globalHead" xmlns:th="http://www.w3.org/1999/xhtml">
+        <div class="header document">
+            <div class="wrap clear">
+                <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台"/>
+                <span>采美资料库</span>
+            </div>
+        </div>
+        <input type="hidden" th:value="${spiServer}" id="spiServer">
+        <input type="hidden" th:value="${agent}" id="userAgent">
+    </header>
     <div class="login-contailer">
         <div class="loginWrap clear">
             <div class="login-image">
-                <img src="/img/document/document_img.png" alt="">
+                <img v-if="isPC" src="/img/document/document_img.png" alt="">
+                <img v-else src="/img/document/document-h5img.png" alt="">
             </div>
             <div class="loginForm">
                 <div class="title">
@@ -48,6 +48,23 @@
                 </form>
             </div>
         </div>
+        <div class="login-success" v-if="isLoginSuccess" :class="isLoginSuccess ? 'active' : ''">
+            <div class="inner">
+                <div class="success-main" v-if="isSuccess">
+                    <img class="pc-icon" v-if="isPC" src="/img/document/icon-success.png" alt="">
+                    <img class="h5-icon" v-else src="/img/document/icon-h5success.png" alt="">
+                    <h1 class="text-success">登录成功</h1>
+                    <p><span>{{ maxtime }}</span>秒后自动 <span class="navLinkFn">跳转</span></p>
+                </div>
+                <div class="success-main" v-if="isError">
+                    <img class="pc-icon" v-if="isPC" src="/img/document/icon-error.png" alt="">
+                    <img class="h5-icon" v-else src="/img/document/icon-h5error.png" alt="">
+                    <h1 class="text-error">登录失败!</h1>
+                    <p>您可能没有查看资料的权限</p>
+                   <a href="javascript:void(0);"class="btn" @click="goBackLogin">返回登录</a>
+                </div>
+            </div>
+        </div>
     </div>
     <div class="content-model"  :class="isCodeModel ? 'active' : ''">
         <div class="model-main">

src/main/resources/templates/document/more-content.html

@@ -12,7 +12,7 @@
     <!-- 引用头部 -->
     <div>
         <div class="header document">
-            <div class="wrap clear">
+            <div class="wrap-header clear">
                 <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台"/>
                 <span>采美资料库</span>
                 <div class="search">
@@ -49,6 +49,14 @@
             </div>
         </div>
     </div>
+    <div class="document-footer">
+        <div class="wrap copyright clear">
+            <div class="item icon mIcon">
+                <p><span>Copyright © 2015-2020 CAIMEI365.com All Rights Reserved.</span><span>深圳市采美信息技术有限公司</span></p>
+                <p><span>粤B1-20160129 备案号 粤ICP备14019824号</span><span>中华人民共和国增值电信业务经营许可证</span></p>
+            </div>
+        </div>
+    </div>
 </div>
 <!-- 引入底部 -->
 <template th:replace="components/document-link"></template>