Skip to content
切换导航面板
P
项目
G
群组
S
代码片段
帮助
成立
/
weiduh5
当前项目
正在载入...
登录
切换导航面板
转到一个项目
项目
版本库
问题
0
合并请求
0
流水线
维基
代码片段
设置
活动
图像
图表
创建新的问题
作业
提交
问题看板
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
98d3fa40
authored
Nov 28, 2017
by
颜景龙
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
团课详情
parent
bd15de24
显示空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
102 行增加
和
22 行删除
course/echarts.min.js
page2.html → course/groupIntro.html
course/main.css
course/echarts.min.js
0 → 100644
查看文件 @
98d3fa40
此文件的差异太大,无法显示。
page2
.html
→
course/groupIntro
.html
查看文件 @
98d3fa40
...
@@ -10,35 +10,42 @@
...
@@ -10,35 +10,42 @@
<title>
page1
</title>
<title>
page1
</title>
<link
rel=
"stylesheet"
href=
'./main.css'
>
<link
rel=
"stylesheet"
href=
'./main.css'
>
<script
src=
"./echarts.min.js"
></script>
<script
src=
"./echarts.min.js"
></script>
<style>
#chart
{
width
:
100%
;
height
:
12rem
;
}
</style>
</head>
<body
class=
'page2'
>
<body
class=
'page2'
>
<div
class=
'title'
>
<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'
/>
<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>
<div
class=
"pic"
id=
'main'
></div>
<div
id=
"chart"
>
</div>
<div
class=
'main'
>
<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'
>
快速减脂塑形,高强度间歇性的搏击动作,消耗大量卡路里,修正肌肉轮廓,每周1-2次减脂效果非常明显
<br/>
改善心肺功能,调节情绪、建立自信。在帮你锻炼耐力的同时提高全身的力量和灵活性,
</p>
</p>
<h3>
适合人群
</h3>
<h3>
适合人群
</h3>
<p>
<p
class=
"suitableFor"
>
<span
class=
'suitableFor'
>
适合对搏击感兴趣,有减脂需求和提升心肺功能需求的人。
</span><br/>
<span
class=
'attention'
>
孕妇和心血管疾病等基础病的患者不宜参加。
</span>
</p>
</p>
<h3>
常见问题
</h3>
<h3>
常见问题
</h3>
<p
class=
'question'
>
<p
class=
'question'
>
Q:女生可以参加这个课程吗?
<br/>
A:可以。想要减脂的女生非常适合这个课程,长期坚持这样的高强度有氧训练再配合力量训练能快速帮助我们塑造自己的身体线条,女生打拳也可以很帅!
</p>
</p>
</div>
</div>
<script
src=
"https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"
></script>
<script
src=
"https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"
></script>
<script>
<script>
function
getUrlParam
(
name
)
{
var
reg
=
new
RegExp
(
"(^|&)"
+
name
+
"=([^&]*)(&|$)"
);
//构造一个含有目标参数的正则表达式对象
var
r
=
window
.
location
.
search
.
substr
(
1
).
match
(
reg
);
//匹配目标参数
if
(
r
!=
null
)
return
unescape
(
r
[
2
]);
return
null
;
//返回参数值
}
$
(
document
).
ready
(
function
()
{
$
(
document
).
ready
(
function
()
{
$
(
window
).
ready
(
function
(){
$
(
window
).
ready
(
function
(){
$
(
'html'
).
css
({
'font-size'
:
$
(
window
).
width
()
/
375
*
20
});
$
(
'html'
).
css
({
'font-size'
:
$
(
window
).
width
()
/
375
*
20
});
...
@@ -46,12 +53,10 @@
...
@@ -46,12 +53,10 @@
$
(
window
).
resize
(
function
(){
$
(
window
).
resize
(
function
(){
$
(
'html'
).
css
({
'font-size'
:
$
(
window
).
width
()
/
375
*
20
});
$
(
'html'
).
css
({
'font-size'
:
$
(
window
).
width
()
/
375
*
20
});
});
});
var
apiUrl
=
'http://47.92.120.206:18080/wedo-fit'
;
var
apiUrl
=
'http://192.168.31.182:8080/wedo-fit'
;
var
reg
=
new
RegExp
(
"(^|&)id=([^&]*)(&|$)"
);
var
id
=
getUrlParam
(
'id'
);
var
r
=
window
.
location
.
search
.
substr
(
1
).
match
(
reg
);
var
id
=
''
;
if
(
id
)
{
if
(
r
!=
null
)
id
=
unescape
(
r
[
2
]);
else
id
=
'8363627497927680'
;
var
arr
=
[];
var
arr
=
[];
$
.
ajax
({
$
.
ajax
({
url
:
apiUrl
+
'/wedofit/class/group/intro/'
+
id
,
url
:
apiUrl
+
'/wedofit/class/group/intro/'
+
id
,
...
@@ -62,14 +67,17 @@
...
@@ -62,14 +67,17 @@
$
(
'.introduction'
).
text
(
resp
.
data
.
introduction
);
$
(
'.introduction'
).
text
(
resp
.
data
.
introduction
);
$
(
'.trainingEffect'
).
text
(
resp
.
data
.
trainingEffect
);
$
(
'.trainingEffect'
).
text
(
resp
.
data
.
trainingEffect
);
$
(
'.suitableFor'
).
text
(
resp
.
data
.
suitableFor
);
$
(
'.suitableFor'
).
text
(
resp
.
data
.
suitableFor
);
$
(
'.attention'
).
text
(
resp
.
data
.
attention
);
arr
=
[
resp
.
data
.
consumeLevel
,
resp
.
data
.
coordinationLevel
,
resp
.
data
.
pliableLevel
,
resp
.
data
.
strengthLevel
,
resp
.
data
.
heartbeatLevel
];
arr
=
[
resp
.
data
.
consumeLevel
,
resp
.
data
.
coordinationLevel
,
resp
.
data
.
pliableLevel
,
resp
.
data
.
strengthLevel
,
resp
.
data
.
heartbeatLevel
];
var
option
=
{
var
option
=
{
tooltip
:
{
tooltip
:
{
trigger
:
'axis'
trigger
:
'axis'
},
},
textStyle
:
{
textStyle
:
{
fontSize
:
20
fontSize
:
$
(
window
).
width
()
/
375
*
20
},
axisPointer
:
{
show
:
false
},
},
radar
:
[
radar
:
[
{
{
...
@@ -81,16 +89,37 @@
...
@@ -81,16 +89,37 @@
{
text
:
'心肺'
,
max
:
5
}
{
text
:
'心肺'
,
max
:
5
}
],
],
center
:
[
'50%'
,
'50%'
],
center
:
[
'50%'
,
'50%'
],
radius
:
60
//radius: 20rem,
shape
:
'circle'
,
splitArea
:
{
show
:
false
},
splitLine
:
{
lineStyle
:
{
color
:
[
'#c33641'
,
'#c33641'
,
'#c33641'
,
'#c33641'
,
'#c33641'
,
'#c33641'
]
}
},
axisLine
:
{
lineStyle
:
{
color
:
'#c33641'
}
}
}
}
],
],
series
:
[
series
:
[
{
{
type
:
'radar'
,
type
:
'radar'
,
tooltip
:
{
trigger
:
'item'
},
itemStyle
:
{
normal
:
{
areaStyle
:
{
type
:
'default'
}}},
itemStyle
:
{
normal
:
{
areaStyle
:
{
type
:
'default'
}}},
areaStyle
:
{
normal
:
{
opacity
:
1
}
},
symbol
:
'none'
,
data
:
[
data
:
[
{
{
value
:
arr
value
:
arr
...
@@ -103,7 +132,8 @@
...
@@ -103,7 +132,8 @@
myChart
.
setOption
(
option
);
myChart
.
setOption
(
option
);
}
}
});
});
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'main'
));
}
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'chart'
));
})
})
</script>
</script>
...
...
course/main.css
0 → 100644
查看文件 @
98d3fa40
html
,
body
{
margin
:
0
;
padding
:
0
;
}
html
{
font-size
:
20px
;
background
:
#333740
;
color
:
#fff
;
}
.page1
{
width
:
18.75rem
;
height
:
30rem
;
}
.page1
.main
{
padding
:
0
1rem
;
}
.page1
.main
h3
{
font-size
:
0.8rem
;
text-align
:
center
;
}
.page1
.main
p
{
font-size
:
0.65rem
;
}
.page2
{
width
:
18.75rem
;
height
:
30rem
;
}
.page2
.title
{
width
:
100%
;
height
:
1.75rem
;
line-height
:
1.75rem
;
background
:
#292c35
;
font-size
:
0.5rem
;
}
.page2
.title
img
{
width
:
0.5rem
;
height
:
0.5rem
;
margin-left
:
0.5rem
;
}
.page2
.title
span
{
display
:
inline-block
;
font-size
:
1rem
;
text-align
:
left
;
margin-left
:
0.4rem
;
}
.page2
.pic
{
width
:
100%
;
height
:
10rem
;
}
.page2
.main
{
padding
:
0
1rem
;
}
.page2
.main
h3
{
font-size
:
0.8rem
;
text-align
:
center
;
}
.page2
.main
p
{
font-size
:
0.65rem
;
}
/*# sourceMappingURL=main.css.map */
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此消息的编辑!
取消
请
注册
或
登录
后发表评论