Skip to content

S
sh-ds
Commit 993a70fa authored by 喻春霖's avatar 喻春霖
Browse files
Options

fixed

parent d9e99cb9
Hide whitespace changes
Inline Side-by-side
Showing with 72 additions and 94 deletions
eden-authcenter-agent/src/main/resources/static/css/ds.css 100755 → 100644
View file @ 993a70fa
...@@ -3,18 +3,21 @@ ...@@ -3,18 +3,21 @@
margin: 0 auto; margin: 0 auto;
} }
.ds-header-img { .ds-header-img {
margin-left: 120px; margin-left: 10%;
height: 10vh;
} }
.ds-content { .ds-content {
width: 100%; width: 100%;
height: 603px; height: 80vh;
background: url("../img/bg.png") no-repeat center center; background: url("../img/bg.png") no-repeat center center;
background-size: 100% 100%;
overflow: hidden; overflow: hidden;
} }
.ds-content-mask { .ds-content-mask {
margin: 30px 30px; margin: 3% 3%;
height: 543px; height: 100%;
background: rgba(255, 255, 255, 0.1); /* height: 543px; */
/* background: rgba(255, 255, 255, 0.1); */
} }
.ds-content-title { .ds-content-title {
padding: 50px 0 20px 0; padding: 50px 0 20px 0;
...@@ -26,19 +29,25 @@ ...@@ -26,19 +29,25 @@
} }
.ds-footer { .ds-footer {
width: 100%; width: 100%;
height: 139px; height: 10vh;
overflow: hidden;
background: white url("../img/Login-b.jpg") no-repeat center center; background: white url("../img/Login-b.jpg") no-repeat center center;
} }
.ds-footer > p { .ds-footer > p {
color: #aab9c5; color: #aab9c5;
font-size: 12px; font-size: 12px;
line-height: 75px; /* line-height: 75px; */
text-align: center; text-align: center;
} }
.ds-content-source {
display: flex;
height: calc(100% - 100px);
}
.ds-content-city { .ds-content-city {
width: 80%; width: 800px;
margin: 0 auto; margin: 0 auto;
display: flex; overflow: auto;
height: 100%;
} }
.ds-content-city > p { .ds-content-city > p {
width: 90px; width: 90px;
...@@ -48,21 +57,22 @@ ...@@ -48,21 +57,22 @@
flex-shrink: 0; flex-shrink: 0;
margin: 0; margin: 0;
margin-top: 10px; margin-top: 10px;
margin-left: 10px;
} }
.ds-content-district { .ds-content-district {
width: 80%; flex-grow: 1;
margin: 0 auto; overflow: auto;
display: flex; height: 100%;
} }
.ds-content-district > p { .ds-content-district > p {
width: 90px; width: 90px;
color: white; color: white;
font-size: 20px; font-size: 20px;
line-height: 52px; line-height: 42px;
flex-shrink: 0; flex-shrink: 0;
margin: 0; margin: 0;
margin-top: 10px; margin-top: 10px;
height: 52px; margin-left: 10px;
} }
.logo-btn { .logo-btn {
border: 0; border: 0;
...@@ -75,10 +85,11 @@ ...@@ -75,10 +85,11 @@
.logo-btn:focus { .logo-btn:focus {
outline: 0; outline: 0;
} }
.djg-btn { .city-btn {
width: 320px; width: 280px;
height: 42px; height: 52px;
margin: 10px 10px; margin: 10px 10px;
background-size:100% 100% !important;
} }
.idp-btn { .idp-btn {
width: 143px; width: 143px;
...@@ -110,9 +121,9 @@ ...@@ -110,9 +121,9 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
.ds-divide-line { .ds-divide-line {
width: 80%; width: 2px;
margin: 20px auto; margin: 10px 20px;
height: 2px; height: 40vh;
background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Safari 5.1 - 6.0 */ background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Opera 11.1 - 12.0 */ background: -o-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Firefox 3.6 - 15 */ background: -moz-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Firefox 3.6 - 15 */
...@@ -140,23 +151,21 @@ ...@@ -140,23 +151,21 @@
font-size: 25px; font-size: 25px;
} }
.ds-content-city { .ds-content-city {
width: 90%; width: 800px;
margin: 0 auto; margin: 0 auto;
display: flex;
} }
.ds-content-city > p { .ds-content-city > p {
font-size: 18px; font-size: 18px;
} }
.ds-content-district { .ds-content-district {
width: 90%; flex-grow: 1;
margin: 0 auto; margin: 0 auto;
display: flex;
} }
.ds-content-district > p { .ds-content-district > p {
font-size: 18px; font-size: 18px;
} }
.idp-btn { .city-btn {
width: 114px; width: 215px;
height: 42px; height: 40px;
} }
} }
\ No newline at end of file
eden-authcenter-agent/src/main/resources/templates/ds.html
View file @ 993a70fa
...@@ -26,88 +26,57 @@ ...@@ -26,88 +26,57 @@
</p> </p>
<![endif]--> <![endif]-->
<!-- Add your site or application content here -->
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<div class="ds"> <div class="ds">
<div class="ds-header"> <div class="ds-header">
<img class="ds-header-img" th:src="@{/static/img/Rlogo.jpg}" alt="" /> <img class="ds-header-img" src="./img/Rlogo.jpg" alt="" />
</div> </div>
<div class="ds-content"> <div class="ds-content">
<div class="ds-content-mask"> <div class="ds-content-mask">
<p class="ds-content-title">发现服务 · 速享之旅</p> <p class="ds-content-title">发现服务 · 速享之旅</p>
<div class="ds-content-city"> <div class="ds-content-source">
<p>市认证源</p> <div class="ds-content-city">
<button <p>市认证源</p>
onclick="toLogin('djg')" <button onclick="toLogin('djg')" class="logo-btn city-btn"
class="logo-btn djg-btn" style="background: white url('./img/logo-tyrz.png')" type="button"></button>
style="background: white url('../static/img/logo-djg.png')" <button onclick="toLogin('szjc')" class="logo-btn city-btn"
type="button" style="background: white url('./img/logo-shszjc.png')" type="button"></button>
></button>
</div>
<div class="ds-divide-line"></div>
<div class="ds-content-district">
<p>区认证源</p>
<div>
<button
onclick="toLogin('qpjy')"
class="logo-btn idp-btn"
style="background: url('../static/img/logo-qp.png')"
type="button"
></button>
<button
onclick="toLogin('jsyd')"
class="logo-btn idp-btn logo-btn-mask"
disabled="disabled"
style="background: url('../static/img/logo-js.png')"
type="button"
></button>
<button
onclick="toLogin('hpjy')"
class="logo-btn idp-btn logo-btn-mask"
disabled="disabled"
style="background: url('../static/img/logo-hp.png')"
type="button"
></button>
<button
onclick="toLogin('fxjy')"
class="logo-btn idp-btn logo-btn-mask"
disabled="disabled"
style="background: url('../static/img/logo-fx.png')"
type="button"
></button>
<button
onclick="toLogin('pdjy')"
class="logo-btn idp-btn logo-btn-mask"
disabled="disabled"
style="background: url('../static/img/logo-pd.png')"
type="button"
></button>
<button
onclick="toLogin('ypjy')"
class="logo-btn idp-btn logo-btn-mask"
disabled="disabled"
style="background: url('../static/img/logo-yp.png')"
type="button"
></button>
<button
onclick="toLogin('cnjy')"
class="logo-btn idp-btn logo-btn-mask"
disabled="disabled"
style="background: url('../static/img/logo-cn.png')"
type="button"
></button>
</div> </div>
<div class="ds-divide-line"></div>
<div class="ds-content-district">
<p>区认证源</p>
<div>
<button onclick="toLogin('qp')" class="logo-btn idp-btn" style="background: url('./img/logo-qp.png')"
type="button"></button>
<button onclick="toLogin('js')" class="logo-btn idp-btn logo-btn-mask" disabled="disabled"
style="background: url('./img/logo-js.png')" type="button"></button>
<button onclick="toLogin('hp')" class="logo-btn idp-btn logo-btn-mask" disabled="disabled"
style="background: url('./img/logo-hp.png')" type="button"></button>
<button onclick="toLogin('fx')" class="logo-btn idp-btn logo-btn-mask" disabled="disabled"
style="background: url('./img/logo-fx.png')" type="button"></button>
<button onclick="toLogin('pd')" class="logo-btn idp-btn logo-btn-mask" disabled="disabled"
style="background: url('./img/logo-pd.png')" type="button"></button>
<button onclick="toLogin('yp')" class="logo-btn idp-btn logo-btn-mask" disabled="disabled"
style="background: url('./img/logo-yp.png')" type="button"></button>
<button onclick="toLogin('cn')" class="logo-btn idp-btn logo-btn-mask" disabled="disabled"
style="background: url('./img/logo-cn.png')" type="button"></button>
</div>
</div>
</div> </div>
<p class="ds-content-text">点击图标前往所属认证源 · · ·</p> <!-- <p class="ds-content-text">点击图标前往所属认证源 · · ·</p>
<div class="szjc-login"> <div class="szjc-login">
<p>如果您曾经参与上海市中小学数字教材试验项目，</p> <p>如果您曾经参与上海市中小学数字教材试验项目，</p>
<p><a style="color: red;" onclick="toLogin('szjc')">可以点击此处使用数字教材账号登录>></a></p> <p><a style="color: red;" onclick="toLogin('szjc')">请点击此处使用数字教材账号登录>></a></p>
</div> </div> -->
</div> </div>
</div> </div>
<div class="ds-footer"> <div class="ds-footer">
<p class="ds-content-text">版权所有&copy;上海教育认证中心</p> <p class="ds-content-text">版权所有&copy;上海教育认证中心</p>
</div> </div>
</div> </div>
<script th:inline="javascript"> <script th:inline="javascript">
/*<![CDATA[*/ /*<![CDATA[*/
var loginUrl1 = [[${loginUrl1}]]; var loginUrl1 = [[${loginUrl1}]];
......
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