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

feat:样式调整

parent e09abde8
......@@ -11,12 +11,15 @@ body {
.content {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
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 {
......@@ -28,6 +31,16 @@ body {
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{
object-fit: contain;
font-family: Simple-R;
......@@ -50,7 +63,7 @@ body {
position: absolute;
width: 70%;
height: 60%;
left: 15%;
left: 13.5%;
top: 20%;
overflow: hidden;
background: #fff;
......@@ -67,7 +80,6 @@ body {
.page-bar{
display: inline-block;
padding-left: 0;
margin: 0.2rem 0;
}
.page-bar > .btn{
......
......@@ -10,7 +10,7 @@
<script type="text/javascript" src="//staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script>
</head>
<body class="content">
<div class="top-div"></div>
<div style="position: absolute; top: 0.25rem; left: 5%; z-index: 99;">
<div class='title' id='title1'></div>
<div class='title sub-title' id='title2'></div>
......@@ -19,11 +19,12 @@
<video id="video" class="video" src="" muted></video>
</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="pager"><span id="curPager">3</span></div>
<div class="btn next disabled">&#62; </div>
</div>
</body>
<script src="./index.js"></script>
</html>
\ No newline at end of file
......@@ -118,7 +118,6 @@ class PlayView {
_this.curIndex++;
_this.showVideo();
})
}
showVideo(){
......@@ -159,7 +158,7 @@ class PlayView {
$(".next").addClass("disabled");
}
}
}
......@@ -178,4 +177,5 @@ function changeFontSize(_dom){
_dom.css("font-size", "0.45rem");
}
}
\ No newline at end of file
}
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