forked from Gitlink/forgeplus-react
37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import { Popover } from 'antd';
|
|
import qqChat from "./img/qqChat.png";
|
|
import './index.scss';
|
|
|
|
function SiderBar() {
|
|
const content = (
|
|
<div className='qqChat'>
|
|
<div className='qqMa'><img src={qqChat} alt=''/></div>
|
|
<p className='qqTip'>扫码进入QQ交流群</p>
|
|
<p className='qqTip'>把握最新活动资讯</p>
|
|
</div>
|
|
)
|
|
|
|
return (
|
|
// 开源夏令营定制帮助中心调整按钮
|
|
<div className={"-task-sidebar"}>
|
|
<Popover placement='leftBottom' content={content} title={null} forceRender={true} overlayClassName='qqChatBox'>
|
|
<div className={"glccHelp"}>
|
|
<i className='iconfont icon-bangzhuzhongxinicon1 font-20'></i>
|
|
QQ交流
|
|
</div>
|
|
</Popover>
|
|
<div className={"glccHelp"} onClick={()=>window.open("/glcc/help")}>
|
|
<i className='iconfont icon-bangzhuzhongxinicon font-20'></i>
|
|
帮助中心
|
|
</div>
|
|
<div className={"glccHelp"} onClick={()=>window.open("/glcc/2022")}>
|
|
<i className='iconfont icon-zanting font-17'></i>
|
|
往期回顾
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default SiderBar;
|