Commit 993a70fa authored by 喻春霖's avatar 喻春霖

fixed

parent d9e99cb9
......@@ -3,18 +3,21 @@
margin: 0 auto;
}
.ds-header-img {
margin-left: 120px;
margin-left: 10%;
height: 10vh;
}
.ds-content {
width: 100%;
height: 603px;
height: 80vh;
background: url("../img/bg.png") no-repeat center center;
background-size: 100% 100%;
overflow: hidden;
}
.ds-content-mask {
margin: 30px 30px;
height: 543px;
background: rgba(255, 255, 255, 0.1);
margin: 3% 3%;
height: 100%;
/* height: 543px; */
/* background: rgba(255, 255, 255, 0.1); */
}
.ds-content-title {
padding: 50px 0 20px 0;
......@@ -26,19 +29,25 @@
}
.ds-footer {
width: 100%;
height: 139px;
height: 10vh;
overflow: hidden;
background: white url("../img/Login-b.jpg") no-repeat center center;
}
.ds-footer > p {
color: #aab9c5;
font-size: 12px;
line-height: 75px;
/* line-height: 75px; */
text-align: center;
}
.ds-content-source {
display: flex;
height: calc(100% - 100px);
}
.ds-content-city {
width: 80%;
width: 800px;
margin: 0 auto;
display: flex;
overflow: auto;
height: 100%;
}
.ds-content-city > p {
width: 90px;
......@@ -48,21 +57,22 @@
flex-shrink: 0;
margin: 0;
margin-top: 10px;
margin-left: 10px;
}
.ds-content-district {
width: 80%;
margin: 0 auto;
display: flex;
flex-grow: 1;
overflow: auto;
height: 100%;
}
.ds-content-district > p {
width: 90px;
color: white;
font-size: 20px;
line-height: 52px;
line-height: 42px;
flex-shrink: 0;
margin: 0;
margin-top: 10px;
height: 52px;
margin-left: 10px;
}
.logo-btn {
border: 0;
......@@ -75,10 +85,11 @@
.logo-btn:focus {
outline: 0;
}
.djg-btn {
width: 320px;
height: 42px;
.city-btn {
width: 280px;
height: 52px;
margin: 10px 10px;
background-size:100% 100% !important;
}
.idp-btn {
width: 143px;
......@@ -110,9 +121,9 @@
margin-bottom: 8px;
}
.ds-divide-line {
width: 80%;
margin: 20px auto;
height: 2px;
width: 2px;
margin: 10px 20px;
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: -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 */
......@@ -140,23 +151,21 @@
font-size: 25px;
}
.ds-content-city {
width: 90%;
width: 800px;
margin: 0 auto;
display: flex;
}
.ds-content-city > p {
font-size: 18px;
}
.ds-content-district {
width: 90%;
flex-grow: 1;
margin: 0 auto;
display: flex;
}
.ds-content-district > p {
font-size: 18px;
}
.idp-btn {
width: 114px;
height: 42px;
.city-btn {
width: 215px;
height: 40px;
}
}
\ No newline at end of file
......@@ -26,88 +26,57 @@
</p>
<![endif]-->
<!-- Add your site or application content here -->
<!-- Add your site or application content here -->
<div class="ds">
<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 class="ds-content">
<div class="ds-content-mask">
<p class="ds-content-title">发现服务 · 速享之旅</p>
<div class="ds-content-city">
<p>市认证源</p>
<button
onclick="toLogin('djg')"
class="logo-btn djg-btn"
style="background: white url('../static/img/logo-djg.png')"
type="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 class="ds-content-source">
<div class="ds-content-city">
<p>市认证源</p>
<button onclick="toLogin('djg')" class="logo-btn city-btn"
style="background: white url('./img/logo-tyrz.png')" type="button"></button>
<button onclick="toLogin('szjc')" class="logo-btn city-btn"
style="background: white url('./img/logo-shszjc.png')" type="button"></button>
</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>
<p class="ds-content-text">点击图标前往所属认证源 · · ·</p>
<div class="szjc-login">
<p>如果您曾经参与上海市中小学数字教材试验项目,</p>
<p><a style="color: red;" onclick="toLogin('szjc')">可以点击此处使用数字教材账号登录>></a></p>
</div>
<!-- <p class="ds-content-text">点击图标前往所属认证源 · · ·</p>
<div class="szjc-login">
<p>如果您曾经参与上海市中小学数字教材试验项目,</p>
<p><a style="color: red;" onclick="toLogin('szjc')">请点击此处使用数字教材账号登录>></a></p>
</div> -->
</div>
</div>
<div class="ds-footer">
<p class="ds-content-text">版权所有&copy;上海教育认证中心</p>
</div>
</div>
<script th:inline="javascript">
/*<![CDATA[*/
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