up

common/config.js

@@ -2,7 +2,7 @@ const mode = 'devLocal'; //devLocal：本地测试、devOnline：线上测试、
 let ROOTPATH = '';  //域名
 switch (mode) {
 	case 'devLocal':
-		ROOTPATH = "http://h5.ali251.langye.net"
+		ROOTPATH = "//vr.langye.net"
 		break;
 	case 'devOnline':
 		ROOTPATH = "//vr.langye.net"

static/html/explanation.html

@@ -79,7 +79,7 @@
 
         <!-- 开始答题 -->
         <div class="answer-start" onclick="parent.window.toAnswer()">
-          <p>你已经对苏州革命博物馆的有一些了解了，快来答题吧！</p>
+          <p>你已经对苏州革命博物馆的有一些了解了，<br/>快来答题吧！</p>
         </div>
       </div>
 

static/html/index.html

@@ -51,8 +51,8 @@
   var h = $(window).height();
   $(".sectionbox").css("height",h+'px');
 
-  setTimeout('t1show()',5000);
+  setTimeout('t1show()',3000);
-  setTimeout('t2show()',5500);
+  setTimeout('t2show()',3500);
   function t2show(){
     $(".t2").css("opacity","1");
     $(".t2").addClass("animated pulse");

static/html/skin/default/css/css.css

@@ -43,13 +43,13 @@ textarea::-webkit-input-placeholder{ color:#aaa; }
 }
 .sectionbox .t1{
     position: absolute;
-    width:33.9rem;
+    width:90.4%;
-    top: 15.8rem;
+    top: 15%;
     left:50%;
-    margin-left: -16.95rem;
+    margin-left: -45.2%;
     opacity: 0;
     /* animation-delay: 3s; */
-    transition: all .5s;
+    transition: all .3s;
 }
 .sectionbox .t1.act{
     opacity: 1;
@@ -58,23 +58,23 @@ textarea::-webkit-input-placeholder{ color:#aaa; }
 }
 .sectionbox .t2{
     position: absolute;
-    width:15.85rem;
+    width:42.26%;
     left:50%;
     opacity: 0;
-    margin-left:-7.925rem;
+    margin-left:-21.13%;
-    top:36rem;
+    top:44%;
     z-index: 5;
     /* animation-delay: 4s; */
 }
 
 .sectionbox .t3{
     position: absolute;
-    width:24.25rem;
+    width:64.66%;
     left:50%;
-    margin-left:-12.125rem;
+    margin-left:-32.33%;
-    bottom:4.4rem;
+    bottom:5.4%;
     z-index: 3;
-    animation-delay: 2s;
+    animation-delay: 1.5s;
 }
 .sectionbox .t4{
     position: absolute;
@@ -86,31 +86,31 @@ textarea::-webkit-input-placeholder{ color:#aaa; }
 .sectionbox .t5{
     position: absolute;
     width: 100%;
-    bottom:22rem;
+    bottom:27%;
     left: 0;
     z-index: 2;
-    animation-delay: 3s;
+    animation-delay: 2s;
 }
 .sectionbox .t6{
     position: absolute;
     width: 100%;
-    bottom:6.9rem;
+    bottom:8.5%;
     left: 0;
     z-index: 2;
-    animation-delay: 4s;
+    animation-delay: 2.5s;
 }
 
 .footer{
     position: absolute;
     width: 100%;
     left:0;
-    bottom: 1.4rem;
+    bottom: 1.5%;
     text-align: center;
-    font-size: .9rem;
+    font-size: 12px;
     color: #ecb75d;
-    line-height:2.4rem;
+    line-height:20px;
     z-index:5;
-    animation-delay:1s;
+    animation-delay:.3s;
 }
 
 /* 讲解页 */
@@ -396,17 +396,17 @@ textarea::-webkit-input-placeholder{ color:#aaa; }
     margin-top: 1.4rem;
     background: url(../images/answerbg.png) no-repeat center top;
     background-size: 100% auto;
-    padding-top: 5.2rem;
+    padding-top: 15%;
-    padding-left: 10.8rem;
+    padding-left: 31.5%;
-    padding-right: 2rem;
+    padding-right: 4.8%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 .answer-start p{
     color:#fbf2dd;
-    line-height: 1.4rem;
+    line-height: 12px;
-    font-size:1rem;
+    font-size:18px;
     zoom: .9;
 }
 .showVideo{