Skip to content

成立 / weiduh5

转到一个项目
Commit f249ecff by 成立
Options

echarts

parent 039abfc4
内嵌 并排
正在显示 包含 67 行增加 和 6 行删除
echarts.min.js 0 → 100644
此文件的差异太大，无法显示。
page2.html
......@@ -9,29 +9,30 @@
<meta name="format-detection" content="telephone = no"/>
<title>page1</title>
<link rel="stylesheet" href='./main.css'>
<script src="./echarts.min.js"></script>
<body class='page2'>
<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>
</div>
<img src='2.png' class='pic'>
<div class="pic" id='main' style='width:100%;height:600px;'></div>
<div class='main'>
<h3>课程简介</h3>
<p>
<p class='introduction'>
战斗有氧是一种将中国武术、泰拳、西洋拳击、空手道、跆拳道等结合在一起的一系列搏击格斗动作，是完全解除行、简单易学的大运动量训练课程。
</p>
<h3>训练效果</h3>
<p>
<p class='trainingEffect'>
快速减脂塑形，高强度间歇性的搏击动作，消耗大量卡路里，修正肌肉轮廓，每周1-2次减脂效果非常明显<br/>
改善心肺功能，调节情绪、建立自信。在帮你锻炼耐力的同时提高全身的力量和灵活性，
</p>
<h3>适合人群</h3>
<p>
适合对搏击感兴趣，有减脂需求和提升心肺功能需求的人。<br/>
孕妇和心血管疾病等基础病的患者不宜参加。
<span class='suitableFor'>适合对搏击感兴趣，有减脂需求和提升心肺功能需求的人。</span><br/>
<span class='attention'>孕妇和心血管疾病等基础病的患者不宜参加。</span>
</p>
<h3>常见问题</h3>
<p>
<p class='question'>
Q：女生可以参加这个课程吗？<br/>
A：可以。想要减脂的女生非常适合这个课程，长期坚持这样的高强度有氧训练再配合力量训练能快速帮助我们塑造自己的身体线条，女生打拳也可以很帅！
</p>
......@@ -45,6 +46,66 @@
$(window).resize(function(){
$('html').css({'font-size':$(window).width()/375*20});
});
var apiUrl = 'http://47.92.120.206:18080/wedo-fit';
var id = '8353714658471936';
$.ajax({
url: apiUrl + '/wedofit/class/group/intro/' + id,
type: 'GET',
dataType: 'json',
success: function(resp){
$('.question').text(resp.data.question);
$('.introduction').text(resp.data.introduction);
$('.trainingEffect').text(resp.data.trainingEffect);
$('.suitableFor').text(resp.data.suitableFor);
$('.attention').text(resp.data.attention);
}
});
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '多雷达图'
},
tooltip: {
trigger: 'axis'
},
legend: {
x: 'center',
data:['某软件','某主食手机','某水果手机','降水量','蒸发量']
},
radar: [
{
indicator: [
{text: '品牌', max: 100},
{text: '内容', max: 100},
{text: '可用性', max: 100},
{text: '功能', max: 100}
],
center: ['50%','50%'],
radius: 80
}
],
series: [
{
type: 'radar',
tooltip: {
trigger: 'item'
},
itemStyle: {normal: {areaStyle: {type: 'default'}}},
data: [
{
value: [60,73,85,40],
name: '某软件'
}
]
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
})
</script>
</body>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此消息的编辑！
请 注册 或 登录 后发表评论