Commit 923370d3 authored by Chen Jiping's avatar Chen Jiping

feat:样式调整

parent e09abde8
...@@ -11,12 +11,15 @@ body { ...@@ -11,12 +11,15 @@ body {
.content { .content {
position: absolute; position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: #f1e4c26b; background: #f1e4c26b;
background-image: url(../lib/images/bg.png); background-image: url(../lib/images/bg2.png);
background-position: center 0;
background-size: cover;
width: 100%;
height: 100%;
position:fixed;
top: 0;
left: 0;
} }
.top-div { .top-div {
...@@ -28,6 +31,16 @@ body { ...@@ -28,6 +31,16 @@ body {
background-color: #3e9e33; background-color: #3e9e33;
} }
.bottom-dev{
width: 12rem;
height: 6rem;
margin: 7rem 7rem;
padding: 0.1rem 6rem 2.7rem 2rem;
transform: rotate(-30deg);
background-color: #3e9e33;
z-index: -1;
}
.title{ .title{
object-fit: contain; object-fit: contain;
font-family: Simple-R; font-family: Simple-R;
...@@ -50,7 +63,7 @@ body { ...@@ -50,7 +63,7 @@ body {
position: absolute; position: absolute;
width: 70%; width: 70%;
height: 60%; height: 60%;
left: 15%; left: 13.5%;
top: 20%; top: 20%;
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;
...@@ -67,7 +80,6 @@ body { ...@@ -67,7 +80,6 @@ body {
.page-bar{ .page-bar{
display: inline-block; display: inline-block;
padding-left: 0; padding-left: 0;
margin: 0.2rem 0;
} }
.page-bar > .btn{ .page-bar > .btn{
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<script type="text/javascript" src="//staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script> <script type="text/javascript" src="//staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script>
</head> </head>
<body class="content"> <body class="content">
<div class="top-div"></div>
<div style="position: absolute; top: 0.25rem; left: 5%; z-index: 99;"> <div style="position: absolute; top: 0.25rem; left: 5%; z-index: 99;">
<div class='title' id='title1'></div> <div class='title' id='title1'></div>
<div class='title sub-title' id='title2'></div> <div class='title sub-title' id='title2'></div>
...@@ -19,11 +19,12 @@ ...@@ -19,11 +19,12 @@
<video id="video" class="video" src="" muted></video> <video id="video" class="video" src="" muted></video>
</div> </div>
<div class="page-bar" style="position: absolute; bottom: 0.1rem; z-index: 99; left: 8.6rem;"> <div class="page-bar" style="position: absolute; bottom: 0.15rem; z-index: 99; left: 8.5rem;">
<div class="btn last disabled">&lt; </div> <div class="btn last disabled">&lt; </div>
<div class="pager"><span id="curPager">3</span></div> <div class="pager"><span id="curPager">3</span></div>
<div class="btn next disabled">&#62; </div> <div class="btn next disabled">&#62; </div>
</div> </div>
</body> </body>
<script src="./index.js"></script> <script src="./index.js"></script>
</html> </html>
\ No newline at end of file
...@@ -118,7 +118,6 @@ class PlayView { ...@@ -118,7 +118,6 @@ class PlayView {
_this.curIndex++; _this.curIndex++;
_this.showVideo(); _this.showVideo();
}) })
} }
showVideo(){ showVideo(){
...@@ -179,3 +178,4 @@ function changeFontSize(_dom){ ...@@ -179,3 +178,4 @@ function changeFontSize(_dom){
} }
} }
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