课程介绍

fb35cebf · 颜景龙 · 4601d0cc · fb35cebf · fb35cebf · fb35cebf
Commit fb35cebf authored Jan 15, 2018 by 颜景龙
groupIntro.html
personal/personalDetail.html
personal/personalDetailExtend.html
prime/baseIntroExtend.html
--- a/groupIntro.html
+++ b/groupIntro.html
@@ -44,10 +44,12 @@
 	}
 	.page2 .main h3 {
 		font-size: 0.8rem;
-		text-align: center; 
+		text-align: left; 
 	}
 	.page2 .main p {
 		font-size: 0.65rem; 
+		padding-bottom: 0.5rem;
+		border-bottom: 1px solid rgba(255, 255, 255, 1);
 	}
 	#chart {
 		width: 100%;
@@ -68,22 +70,25 @@
 	</div>
  <div class='title'>
 		<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARoAAAE0CAYAAADzFfz8AAAGHklEQVR4nO3dTYsd5B2H4ZyZwxgno2IShZpUwap5MZbQaluqYEGtdtWFooJ+BRE3ogvRhStRC6UfoFBKpcsWaulCKNjiUsWXhSKC1pVujKaQF0f3rv7KfaKZ68r2+fGcgeGeZ3PI4sixm7Z3Df3q1lumk13333v36Pxll+8f37H46h/fTS//95Xx5vnf/SH4JN/eYjH/PXvqycfHmxuuPzrefH7y5Hjz0kv/Hm/+9OcXRufXxjcADAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBuefPNvxiPnn3m6fFmc3NzvOH88d7775/rj3BOXfnDg+PN4cPXBZ/k6376k+PjzcbGxui8Fw2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogNzyll/Ov1S5e/fu4KMA3xcPPnDf6LwXDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRAbrm1tTUera3N+/TppydG5994863xHceP/3i82bzwwvEGdrp9+/aOznvRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbILVd10auvvT46/9DDj47v+Otf/jjeHDp07XgDzHjRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbIrexLlSdP/n90/vTp0+M7vskG6HnRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogtzzXH4CdYjFeXHLJxePNnb++bXT+xInPxne8/J9XxpudzosGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiDnu06sxMEDV4w3jz36yHhz1523j86fPfvF+I6//f0f483ll+0fb84nXjRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXK+VMlKHD1yaLy5/ujh8WZ9fX28mbrn7t+ON4vFzv6bvrN/emAlhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaIOdLlazEcnn+/KqdTz/LqnjRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAueWqLlpfWx+dXywW4zsWa/MN0POiAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QW9mXKq+86uDo/G/uumN8x95LLx1vgJ4XDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiA3HLXru2VXHTNj64enX/yicfGd+zZszneAHPb27NueNEAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgtP/jwo/HozJkz84uWs/8U86KLtsZ3AKvxxptvj8570QA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5JYv/vNf49ENx46ONz//2Y2j81tbe8Z3wE536tSp8eadd98bb5597vej8140QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyiyPHbtqejvbv2ze+6MCBH4zOb1ywMb4DdrqzZ86ONx9//Ml488GH/xud96IBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZD7EhEJZarJIaQOAAAAAElFTkSuQmCC'/>
-		<span>课程介绍</span>
+		<span>课程简介</span>
 	</div>
 	<!-- <div id="chart">
 	</div> -->
    <div class='main'>
-	    <h3>课程简介</h3>
+			<h3>课程简介</h3>
-        <p class='introduction'>
+			<p class='introduction'></p>
-		</p>
-        <h3>训练效果</h3>
+	    <h3>课程特点</h3>
-        <p class='trainingEffect'>
+			<p class='trainingEffect'></p>
-		</p>	
-		<h3>适合人群</h3>
+			<h3>训练时间</h3>
-		<p class="suitableFor">
+			<p class='classDuration'></p>	
-		</p>
-		<h3>常见问题</h3>
+			<h3>适宜人群</h3>
-		<p class='question'>
+			<p class="suitableFor"></p>
+			<h3>温馨提示</h3>
+			<p class='attention'>
 		</p>	
 	</div>
 	<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
@@ -111,10 +116,11 @@
 						type: 'GET',
 						dataType: 'json',
 						success: function(resp){
-							$('.question').text(resp.data.question);
 							$('.introduction').text(resp.data.introduction);
 							$('.trainingEffect').text(resp.data.trainingEffect);
+							$('.classDuration').text(resp.data.classDuration);
 							$('.suitableFor').text(resp.data.suitableFor);
+							$('.attention').text(resp.data.attention);
 							setTimeout(function() {
                $('.loading').remove();
              }, 200);

--- a/personal/personalDetail.html
+++ b/personal/personalDetail.html
@@ -37,17 +37,19 @@
      <label id="classPrice" class="fl-r label-price"></label>
    </div>
    <div class="class-block">
-      <h3>课程内容</h3>
+      <h3>课程简介</h3>
    </div>
    <div class="class-block">
-      <h3>课程时间</h3>
+      <h3>课程益处</h3>
    </div>
    <div class="class-block">
-      <h3>适合人群</h3>
+      <h3>训练时间</h3>
-      <p></p>
    </div>
    <div class="class-block">
-      <h3>活动建议</h3>
+      <h3>适宜人群</h3>
+    </div>
+    <div class="class-block">
+      <h3>课程建议</h3>
    </div>
  </div>
 	<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
@@ -79,12 +81,13 @@
                $('.class-banner').css({'background-image': `url(${obj.classImg})`, height: $(window).width()*200/375});
                $("#className").text(obj.className);
                $("#className").append($("<span></span>").text((obj.minEnrollment ? obj.minEnrollment : '-')+'节起售').addClass("sub-text"));
-                $("#classPrice").text('¥ '+obj.totalPrice)
+                $("#classPrice").text('¥ '+obj.totalPrice);
                $("<p></p>").text(obj.introduction).appendTo($(".class-block")[1]);
-                $("<p></p>").text(obj.classTime).appendTo($(".class-block")[2]);
+                $("<p></p>").text(obj.trainingEffect).appendTo($(".class-block")[2]);
-                $("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[3]);
+                $("<p></p>").text(obj.classDuration).appendTo($(".class-block")[3]);
-                $("<p></p>").text(obj.suggestion).appendTo($(".class-block")[4]); 
+                $("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[4]);
+                $("<p></p>").text(obj.suggestion).appendTo($(".class-block")[5]); 
                setTimeout(function() {
                    $('.loading').remove();

--- a/personal/personalDetailExtend.html
+++ b/personal/personalDetailExtend.html
@@ -73,14 +73,19 @@
  <h3 class="detail-title">课程详情</h3>
  <div class="class-main">
    <div class="class-block">
-      <h3>课程内容</h3>
+      <h3>课程简介</h3>
    </div>
    <div class="class-block">
-      <h3>适合人群</h3>
+      <h3>课程益处</h3>
-      <p></p>
    </div>
    <div class="class-block">
-      <h3>活动建议</h3>
+      <h3>训练时间</h3>
+    </div>
+    <div class="class-block">
+      <h3>适宜人群</h3>
+    </div>
+    <div class="class-block">
+      <h3>课程建议</h3>
    </div>
  </div>
 	<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
@@ -118,8 +123,10 @@
                $("<span></span>").text(obj.address).appendTo("#address");
                $("<p></p>").text(obj.introduction).appendTo($(".class-block")[0]);
-                $("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[1]);
+                $("<p></p>").text(obj.trainingEffect).appendTo($(".class-block")[1]);
-                $("<p></p>").text(obj.suggestion).appendTo($(".class-block")[2]); 
+                $("<p></p>").text(obj.classDuration).appendTo($(".class-block")[2]);
+                $("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[3]);
+                $("<p></p>").text(obj.suggestion).appendTo($(".class-block")[4]); 
                setTimeout(function() {
                    $('.loading').remove();

--- a/prime/baseIntroExtend.html
+++ b/prime/baseIntroExtend.html
@@ -82,16 +82,19 @@
  <h3 class="detail-title">课程详情</h3>
  <div class="class-main">
    <div class="class-block">
-			<!-- <div id="chart">
+      <h3>课程简介</h3>
-			</div> -->
-      <h3>课程内容</h3>
    </div>
    <div class="class-block">
-      <h3>适合人群</h3>
+      <h3>课程特点</h3>
-      <p></p>
    </div>
    <div class="class-block">
-      <h3>活动建议</h3>
+      <h3>训练时间</h3>
+    </div>
+    <div class="class-block">
+      <h3>适宜人群</h3>
+    </div>
+    <div class="class-block">
+      <h3>课程建议</h3>
    </div>
 	</div>
 	<!-- <script src="./echarts.min.js"></script> -->
@@ -137,8 +140,10 @@
                $("<span></span>").text(obj.address).appendTo("#address");
                $("<p></p>").text(obj.introduction).appendTo($(".class-block")[0]);
-                $("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[1]);
+                $("<p></p>").text(obj.trainingEffect).appendTo($(".class-block")[1]);
-								$("<p></p>").text(obj.suggestion).appendTo($(".class-block")[2]); 
+                $("<p></p>").text(obj.classDuration).appendTo($(".class-block")[2]);
+                $("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[3]);
+                $("<p></p>").text(obj.suggestion).appendTo($(".class-block")[4]); 
                setTimeout(function() {
                    $('.loading').remove();