|
|
|
@ -9,6 +9,7 @@ import bilibili from './images/bilibili.png';
|
|
|
|
|
import tencent from './images/tencent.png';
|
|
|
|
|
import WeiBaiTong from './images/WeiBaiTong.png';
|
|
|
|
|
import douyu from './images/douyu.jpg';
|
|
|
|
|
import zoom from './images/zoom.png';
|
|
|
|
|
class Live extends Component{
|
|
|
|
|
|
|
|
|
|
render(){
|
|
|
|
@ -16,31 +17,64 @@ class Live extends Component{
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
<div className="livePanel">
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
.verticallayout{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.myspacearound{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
}
|
|
|
|
|
.mr0{
|
|
|
|
|
margin-right: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
.mr5{
|
|
|
|
|
margin-right: 5px !important;
|
|
|
|
|
}
|
|
|
|
|
.ml0{
|
|
|
|
|
margin-left: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<p className="mt30 mb10 color-grey-9 pl10">EduCoder支持所有第三方直播平台,特别推荐:</p>
|
|
|
|
|
<ul className="platform">
|
|
|
|
|
<li>
|
|
|
|
|
<ul className="platform myspacearound">
|
|
|
|
|
<li className="verticallayout mr0">
|
|
|
|
|
<a href="https://ke.qq.com/act/speed_pc/index.html?from=800021837" target="_blank"><img alt="" src={tencent} className="mr8" width="28px"/>
|
|
|
|
|
<label className="color-grey-3 pointer">腾讯课堂</label>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://pub.idqqimg.com/pc/misc/files/20200204/2e4cb765bef54f0c919c0ab8ab79d969.pdf" target="_blank" className="color-blue ml20">(简明手册)</a>
|
|
|
|
|
<a href="https://pub.idqqimg.com/pc/misc/files/20200204/2e4cb765bef54f0c919c0ab8ab79d969.pdf" target="_blank" className="color-blue ml0">(简明手册)</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<li className="verticallayout mr0">
|
|
|
|
|
<a href="https://live.bilibili.com/liveHime?visit_id=a81rbm7v2kk0" target="_blank"><img alt="" src={bilibili} className="mr8" width="52px"/>
|
|
|
|
|
<label className="color-grey-3 pointer">哔哩哔哩</label>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://www.bilibili.com/blackboard/live/broadcast-intro.html#/" target="_blank" className="color-blue ml20">(简明手册)</a>
|
|
|
|
|
<a href="https://www.bilibili.com/blackboard/live/broadcast-intro.html#/" target="_blank" className="color-blue ml0">(简明手册)</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<li className="verticallayout mr0">
|
|
|
|
|
<a href="https://www.douyu.com/" target="_blank"><img alt="" src={douyu} className="mr8" width="28px"/>
|
|
|
|
|
<label className="color-grey-3 pointer">斗鱼</label>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://www.douyu.com/special/guide/anchor" target="_blank" className="color-blue ml20">(简明手册)</a>
|
|
|
|
|
<a href="https://www.douyu.com/special/guide/anchor" target="_blank" className="color-blue ml0">(简明手册)</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div><img alt="" src={WeiBaiTong} className="mr8" width="28px"/>
|
|
|
|
|
<li className="verticallayout mr0">
|
|
|
|
|
<div>
|
|
|
|
|
<img alt="" src={WeiBaiTong} className="mr8" width="28px"/>
|
|
|
|
|
<label className="color-grey-3">威佰通</label>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="https://www.educoder.net/forums/3734" target="_blank" className="color-blue ml20">(简明手册)</a>
|
|
|
|
|
<a href="https://www.educoder.net/forums/3734" target="_blank" className="color-blue ml0">(简明手册)</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li className="verticallayout mr0">
|
|
|
|
|
<a href="https://zoom.com.cn/download" target="_blank"><img alt="" src={zoom} className="mr8" width="63px"/>
|
|
|
|
|
<label className="color-grey-3" style={{
|
|
|
|
|
cursor:"pointer"
|
|
|
|
|
}}>zoom</label>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://support.zoom.us/hc/zh-cn/articles/201362033-Windows%E5%92%8CMAC%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97" target="_blank" className="color-blue ml0">(简明手册)</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
{
|
|
|
|
|