Skip to content

梁建民 / activity

Go to a project
Commit fe7b43f9 by liangjianmin
Options

css

parent 869b8d43
Expand all
Inline Side-by-side
Showing with 37 additions and 55 deletions
css/vis/index.less
...@@ -15,19 +15,19 @@ body, html { ...@@ -15,19 +15,19 @@ body, html {
.top { .top {
position: relative; position: relative;
width: 100%; width: 100%;
height: 2.45rem; height: 123px;
background: url("../../images/top.png") no-repeat center; background: url("../../images/vis/top.png") no-repeat center;
background-size: cover; background-size: cover;
.date-text { .date-text {
position: absolute; position: absolute;
left: 10%; left: 158px;
top: 0.53rem; top: 26px;
span { span {
font-size: 0.38rem; font-size: 19px;
color: #ffffff; color: #ffffff;
padding: 0 0.07rem; padding: 0 2px;
&.number { &.number {
color: #5891e7; color: #5891e7;
...@@ -37,16 +37,16 @@ body, html { ...@@ -37,16 +37,16 @@ body, html {
.date-wether { .date-wether {
position: absolute; position: absolute;
right: 10%; right: 137px;
top: 0.53rem; top: 26px;
span { span {
font-size: 0.38rem; font-size: 19px;
color: #ffffff; color: #ffffff;
padding: 0 0.07rem; padding: 0 2px;
&.ml { &.ml {
margin-left: 0.6rem; margin-left: 28px;
} }
&.number { &.number {
...@@ -57,13 +57,13 @@ body, html { ...@@ -57,13 +57,13 @@ body, html {
.i1 { .i1 {
position: absolute; position: absolute;
bottom: 0.84rem; bottom: 42px;
left: 0; left: 0;
right: 0; right: 0;
width: 16.06rem; width: 804px;
height: 0.8rem; height: 41px;
margin: 0 auto; margin: 0 auto;
background: url("../../images/t1.png") no-repeat center; background: url("../../images/vis/t1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
} }
...@@ -73,11 +73,11 @@ body, html { ...@@ -73,11 +73,11 @@ body, html {
padding-top: 0.60rem; padding-top: 0.60rem;
margin: 0 auto; margin: 0 auto;
z-index: 9; z-index: 9;
width: 19.41rem; width: 971px;
img { img {
width: 19.41rem; width: 971px;
height: 16.28rem; height: 814px;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
} }
...@@ -379,8 +379,6 @@ body, html { ...@@ -379,8 +379,6 @@ body, html {
border-radius: 50%; border-radius: 50%;
-webkit-animation: scale-three 2s ease infinite; -webkit-animation: scale-three 2s ease infinite;
animation: scale-three 2s ease infinite; animation: scale-three 2s ease infinite;
/* animation-direction: alternate;
-webkit-animation-direction: alternate;*/
animation-fill-mode: both; animation-fill-mode: both;
} }
} }
......
css/vis/index.min.css
...@@ -198,48 +198,48 @@ html { ...@@ -198,48 +198,48 @@ html {
.home-page .top { .home-page .top {
position: relative; position: relative;
width: 100%; width: 100%;
height: 2.45rem; height: 123px;
background: url("../../images/top.png") no-repeat center; background: url("../../images/vis/top.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .top .date-text { .home-page .top .date-text {
position: absolute; position: absolute;
left: 10%; left: 158px;
top: 0.53rem; top: 26px;
} }
.home-page .top .date-text span { .home-page .top .date-text span {
font-size: 0.38rem; font-size: 19px;
color: #ffffff; color: #ffffff;
padding: 0 0.07rem; padding: 0 2px;
} }
.home-page .top .date-text span.number { .home-page .top .date-text span.number {
color: #5891e7; color: #5891e7;
} }
.home-page .top .date-wether { .home-page .top .date-wether {
position: absolute; position: absolute;
right: 10%; right: 137px;
top: 0.53rem; top: 26px;
} }
.home-page .top .date-wether span { .home-page .top .date-wether span {
font-size: 0.38rem; font-size: 19px;
color: #ffffff; color: #ffffff;
padding: 0 0.07rem; padding: 0 2px;
} }
.home-page .top .date-wether span.ml { .home-page .top .date-wether span.ml {
margin-left: 0.6rem; margin-left: 28px;
} }
.home-page .top .date-wether span.number { .home-page .top .date-wether span.number {
color: #5891e7; color: #5891e7;
} }
.home-page .top .i1 { .home-page .top .i1 {
position: absolute; position: absolute;
bottom: 0.84rem; bottom: 42px;
left: 0; left: 0;
right: 0; right: 0;
width: 16.06rem; width: 804px;
height: 0.8rem; height: 41px;
margin: 0 auto; margin: 0 auto;
background: url("../../images/t1.png") no-repeat center; background: url("../../images/vis/t1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .map-box { .home-page .map-box {
...@@ -247,11 +247,11 @@ html { ...@@ -247,11 +247,11 @@ html {
padding-top: 0.6rem; padding-top: 0.6rem;
margin: 0 auto; margin: 0 auto;
z-index: 9; z-index: 9;
width: 19.41rem; width: 971px;
} }
.home-page .map-box img { .home-page .map-box img {
width: 19.41rem; width: 971px;
height: 16.28rem; height: 814px;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
} }
...@@ -501,8 +501,6 @@ html { ...@@ -501,8 +501,6 @@ html {
border-radius: 50%; border-radius: 50%;
-webkit-animation: scale-three 2s ease infinite; -webkit-animation: scale-three 2s ease infinite;
animation: scale-three 2s ease infinite; animation: scale-three 2s ease infinite;
/* animation-direction: alternate;
-webkit-animation-direction: alternate;*/
animation-fill-mode: both; animation-fill-mode: both;
} }
.home-page .data-left { .home-page .data-left {
......
vis.html
...@@ -10,20 +10,6 @@ ...@@ -10,20 +10,6 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico"/> <link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/vis/index.min.css"/> <link rel="stylesheet" type="text/css" href="./css/vis/index.min.css"/>
<script type="text/javascript">
window.onload = function () {
getRem(3840, 100)
};
window.onresize = function () {
getRem(3840, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}
</script>
</head> </head>
<body> <body>
...@@ -36,7 +22,7 @@ ...@@ -36,7 +22,7 @@
<span>月</span> <span>月</span>
<span class="number" id="day"></span> <span class="number" id="day"></span>
<span>日</span> <span>日</span>
<span>星期</span> <span style="margin-left: 5px;">星期</span>
<span class="number" id="week"></span> <span class="number" id="week"></span>
</p> </p>
<p class="date-wether row verCenter"> <p class="date-wether row verCenter">
......
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 sign in to comment