Skip to content

成立 / weiduh5

转到一个项目
Commit fb35cebf by 颜景龙
Options

课程介绍

parent 4601d0cc
内嵌 并排
正在显示 包含 58 行增加 和 37 行删除
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>
<p class='introduction'>
</p>
<h3>训练效果</h3>
<p class='trainingEffect'>
</p>
<h3>适合人群</h3>
<p class="suitableFor">
</p>
<h3>常见问题</h3>
<p class='question'>
<h3>课程简介</h3>
<p class='introduction'></p>
<h3>课程特点</h3>
<p class='trainingEffect'></p>
<h3>训练时间</h3>
<p class='classDuration'></p>
<h3>适宜人群</h3>
<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);
......
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>
<p></p>
<h3>训练时间</h3>
</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.suitableFor).appendTo($(".class-block")[3]);
$("<p></p>").text(obj.suggestion).appendTo($(".class-block")[4]);
$("<p></p>").text(obj.trainingEffect).appendTo($(".class-block")[2]);
$("<p></p>").text(obj.classDuration).appendTo($(".class-block")[3]);
$("<p></p>").text(obj.suitableFor).appendTo($(".class-block")[4]);
$("<p></p>").text(obj.suggestion).appendTo($(".class-block")[5]);
setTimeout(function() {
$('.loading').remove();
......
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>
<p></p>
<h3>课程益处</h3>
</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.suggestion).appendTo($(".class-block")[2]);
$("<p></p>").text(obj.trainingEffect).appendTo($(".class-block")[1]);
$("<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();
......
prime/baseIntroExtend.html
......@@ -82,16 +82,19 @@
<h3 class="detail-title">课程详情</h3>
<div class="class-main">
<div class="class-block">
<!-- <div id="chart">
</div> -->
<h3>课程内容</h3>
<h3>课程简介</h3>
</div>
<div class="class-block">
<h3>适合人群</h3>
<p></p>
<h3>课程特点</h3>
</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.suggestion).appendTo($(".class-block")[2]);
$("<p></p>").text(obj.trainingEffect).appendTo($(".class-block")[1]);
$("<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();
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此消息的编辑！
请 注册 或 登录 后发表评论