Commit 6d390e40 by agan

修改官網

parent 13dc54c1
...@@ -60,7 +60,9 @@ ...@@ -60,7 +60,9 @@
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="voiceBtn muted"></div> <div class="voiceBg">
<div class="voiceBtn muted"></div>
</div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
......
...@@ -60,7 +60,9 @@ ...@@ -60,7 +60,9 @@
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="voiceBtn muted"></div> <div class="voiceBg">
<div class="voiceBtn muted"></div>
</div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
......
...@@ -58,7 +58,7 @@ body { ...@@ -58,7 +58,7 @@ body {
width: 6.987rem; width: 6.987rem;
height: 13rem; height: 13rem;
position: absolute; position: absolute;
top: 16.2vh; top: 2.8rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 10; z-index: 10;
...@@ -184,7 +184,7 @@ body { ...@@ -184,7 +184,7 @@ body {
} }
.btnPage2 { .btnPage2 {
bottom: 1.8vh; bottom: 0.4rem;
} }
@keyframes mBreath { @keyframes mBreath {
...@@ -201,15 +201,24 @@ body { ...@@ -201,15 +201,24 @@ body {
} }
} }
.voiceBg{
width: 1.4rem;
height: 0.619rem;
border-radius: 0.4rem;
position: absolute;
bottom: 1.8rem;
right: 0.8rem;
background: rgba(255,255,255,0.5);
z-index: 50;
}
.voiceBtn{ .voiceBtn{
width: 0.72rem; width: 0.72rem;
height: 0.619rem; height: 0.619rem;
background: url(../../img/new3/voice.png) no-repeat; background: url(../../img/new3/voice.png) no-repeat;
background-size: contain; background-size: contain;
position: absolute; margin: 0 auto;
bottom: 1.4rem;
right: 0.8rem;
z-index: 50;
} }
.muted{ .muted{
......
...@@ -56,7 +56,9 @@ ...@@ -56,7 +56,9 @@
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="voiceBtn muted"></div> <div class="voiceBg">
<div class="voiceBtn muted"></div>
</div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
......
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