上线

css/question.css

@@ -170,27 +170,17 @@ canvas {
     color: gainsboro;
 }
 
-.code {
+.code_all {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
-    height: 1.4rem;
-    background: #fff;
     display: flex;
     align-items: center;
 }
 
-.code img {
-    width: 1.32rem;
-    height: 1.32rem;
-    margin: 0 .45rem;
-}
-
-.code .text {
-    display: flex;
-    flex-direction: column;
-    font-size: .28rem;
+.code_all img {
+    width: 100%;
 }
 
 

view/question.html

@@ -19,7 +19,7 @@
             <img class="inset" src="../image/question/inset.png" alt="inset">
             <img class="bottom" src="../image/question/bottom.png" alt="bottom">
             <!--需要点击播放-->
-            <audio id="audio" src="" >
+            <audio id="audio" src="" autoplay="autoplay">
                 您的浏览器不支持 audio 标签。
             </audio>
             <div class="question-box"></div>
@@ -53,13 +53,8 @@
             <!--<img class="bg" src="../image/question/2.jpg" alt=""  crossorigin="anonymous">-->
             <img class="bg" alt=""  crossorigin="anonymous">
             <div class="baocun">长按保存，并分享至朋友圈</div>
-            <div class="code">
-                <img src="../image/question/code.jpg" alt="">
-                <div class="text">
-                    <span>* 如何提高孩子的洞察力</span>
-                    <span>* 学前阅读有方法，千万别走进误区</span>
-                    <span>长按左边二维码，获取答案</span>
-                </div>
+            <div class="code_all">
+                <img src="../image/question/code_all.jpg" alt="">
             </div>
             <!--
             <img class="head" src="../image/question/头像.jpg" alt="">
@@ -222,5 +217,16 @@ window.onload=function(){
        $('.audio').on("click",play);
     }
 }
+
+    //function monitorAudioState(){
+    //　　var audio = document.getElementById('audio');
+    //    if(audio.ended){
+    //        return true;
+    //    }else{
+    //        return false;
+    //    }
+    //}
+
+    //setInterval("monitorAudioState()",1000);
 </script>
 </html>