fix

main.css

@@ -11,12 +11,12 @@ html {
   width: 18.75rem;
   height: 30rem; }
   .page1 .main {
-    padding: 0 0.5rem; }
+    padding: 0 1rem; }
     .page1 .main h3 {
-      font-size: 0.5rem;
+      font-size: 0.8rem;
       text-align: center; }
     .page1 .main p {
-      font-size: 0.4rem; }
+      font-size: 0.65rem; }
 
 .page2 {
   width: 18.75rem;
@@ -33,18 +33,18 @@ html {
       margin-left: 0.5rem; }
     .page2 .title span {
       display: inline-block;
-      font-size: 0.5rem;
+      font-size: 1rem;
       text-align: left;
       margin-left: 0.4rem; }
   .page2 .pic {
     width: 100%;
     height: 10rem; }
   .page2 .main {
-    padding: 0 0.5rem; }
+    padding: 0 1rem; }
     .page2 .main h3 {
-      font-size: 0.5rem;
+      font-size: 0.8rem;
       text-align: center; }
     .page2 .main p {
-      font-size: 0.4rem; }
+      font-size: 0.65rem; }
 
 /*# sourceMappingURL=main.css.map */

main.css.map

 {
 "version": 3,
-"mappings": "AAGA,UAAS;EAAC,MAAM,EAAE,CAAC;EAAC,OAAO,EAAE,CAAC;;AAE9B,IAAI;EAAC,SAAS,EADJ,IAAI;EACW,UAAU,EAAE,OAAe;EAAC,KAAK,EAAE,IAAI;;AAQhE,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,YAAK;IACP,OAAO,EAAE,QAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,MAAO;;AAKrB,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,aAAM;IACL,KAAK,EAAE,IAAI;IAAC,MAAM,EAAE,OAAO;IAAC,WAAW,EAAE,OAAO;IAAC,UAAU,EAAE,OAAe;IAAC,SAAS,EAAE,MAAO;IAC/F,iBAAG;MACF,KAAK,EAAE,MAAO;MAAC,MAAM,EAAE,MAAO;MAAC,WAAW,EAAE,MAAO;IAEvD,kBAAI;MACA,OAAO,EAAE,YAAY;MAAC,SAAS,EAAE,MAAO;MAAC,UAAU,EAAE,IAAI;MAAC,WAAW,EAAE,MAAO;EAGnF,WAAI;IACA,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC,KAAQ;EAE3B,YAAK;IACP,OAAO,EAAE,QAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,MAAO",
+"mappings": "AAGA,UAAS;EAAC,MAAM,EAAE,CAAC;EAAC,OAAO,EAAE,CAAC;;AAE9B,IAAI;EAAC,SAAS,EADJ,IAAI;EACW,UAAU,EAAE,OAAe;EAAC,KAAK,EAAE,IAAI;;AAQhE,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,YAAK;IACP,OAAO,EAAE,MAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,OAAO;;AAKrB,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,aAAM;IACL,KAAK,EAAE,IAAI;IAAC,MAAM,EAAE,OAAO;IAAC,WAAW,EAAE,OAAO;IAAC,UAAU,EAAE,OAAe;IAAC,SAAS,EAAE,MAAO;IAC/F,iBAAG;MACF,KAAK,EAAE,MAAO;MAAC,MAAM,EAAE,MAAO;MAAC,WAAW,EAAE,MAAO;IAEvD,kBAAI;MACA,OAAO,EAAE,YAAY;MAAC,SAAS,EAAE,IAAO;MAAC,UAAU,EAAE,IAAI;MAAC,WAAW,EAAE,MAAO;EAGnF,WAAI;IACA,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC,KAAQ;EAE3B,YAAK;IACP,OAAO,EAAE,MAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,OAAO",
 "sources": ["main.scss"],
 "names": [],
 "file": "main.css"

main.scss

@@ -14,13 +14,13 @@ html{font-size:$mainSize;background: rgb(51, 55, 64);color: #fff;}
 .page1{
     width: f(750px);height: f(1200px);
     .main{
-		padding: 0 f(20px);
+		padding: 0 f(40px);
 		h3{
-			font-size: f(20px);
+			font-size: f(32px);
 			text-align: center;
 		}
 		p{
-			font-size: f(16px);
+			font-size: f(26px);
 		}
 	}
 }
@@ -33,20 +33,20 @@ html{font-size:$mainSize;background: rgb(51, 55, 64);color: #fff;}
 		    width: f(20px);height: f(20px);margin-left: f(20px);
 		}
 		span{
-		    display: inline-block;font-size: f(20px);text-align: left;margin-left: f(16px);
+		    display: inline-block;font-size: f(40px);text-align: left;margin-left: f(16px);
 		}
 	}
 	.pic{
 	    width:100%;height:f(400px);
 	}
     .main{
-		padding: 0 f(20px);
+		padding: 0 f(40px);
 		h3{
-			font-size: f(20px);
+			font-size: f(32px);
 			text-align: center;
 		}
 		p{
-			font-size: f(16px);
+			font-size: f(26px);
 		}
 	}
 }

page2.html

@@ -51,7 +51,7 @@
 			var r = window.location.search.substr(1).match(reg);
 			var id = '';
 			if(r != null) id = unescape(r[2]);
-			else id = '8353714658471936';
+			else id = '8363627497927680';
 			var arr = [];
 			$.ajax({
 			    url: apiUrl + '/wedofit/class/group/intro/' + id,
@@ -69,19 +69,19 @@
 							trigger: 'axis'
 						},
 						textStyle: {
-						    fontSize : 40
+						    fontSize : 20
 						},
 						radar: [
 							{
 								indicator: [
-									{text: '消耗分值', max: 5},
-									{text: '协调分值', max: 5},
-									{text: '柔韧分值', max: 5},
-									{text: '力量分值', max: 5},
-									{text: '心肺分值', max: 5}
+									{text: '消耗', max: 5},
+									{text: '协调', max: 5},
+									{text: '柔韧', max: 5},
+									{text: '力量', max: 5},
+									{text: '心肺', max: 5}
 								],
 								center: ['50%','50%'],
-								radius: 100
+								radius: 60
 							}
 						],
 						series: [