|
@@ -14,7 +14,10 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="second-screen">
|
|
<div class="second-screen">
|
|
|
<div class="block">
|
|
<div class="block">
|
|
|
- <img class="showImg" src="../static/img/second_img1.png" />
|
|
|
|
|
|
|
+ <div class="showImg">
|
|
|
|
|
+ <img class="img" src="../static/img/second_img1.png" />
|
|
|
|
|
+ <video class="video" autoplay muted loop src="../static/img/second_redbag.mp4"></video>
|
|
|
|
|
+ </div>
|
|
|
<div class="showText">
|
|
<div class="showText">
|
|
|
<div class="font">
|
|
<div class="font">
|
|
|
<div>Grow and engage followers</div>
|
|
<div>Grow and engage followers</div>
|
|
@@ -93,7 +96,7 @@ function install() {
|
|
|
// 1rem = 128px
|
|
// 1rem = 128px
|
|
|
.header {
|
|
.header {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- z-index: 2;
|
|
|
|
|
|
|
+ z-index: 3;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -179,9 +182,22 @@ function install() {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
.showImg {
|
|
.showImg {
|
|
|
|
|
+ position: relative;
|
|
|
width: 4.812rem;
|
|
width: 4.812rem;
|
|
|
height: 3.706rem;
|
|
height: 3.706rem;
|
|
|
margin-top: 1.203rem;
|
|
margin-top: 1.203rem;
|
|
|
|
|
+ .img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .video {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0.83rem;
|
|
|
|
|
+ left: 1.75rem;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ width: 1.5rem;
|
|
|
|
|
+ height: 2rem;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.showText {
|
|
.showText {
|
|
|
width: 3.539rem;
|
|
width: 3.539rem;
|
