forgeplus-react/src/forge/Component/SiderBar.js

52 lines
1.5 KiB
JavaScript

import React from 'react';
import { Popover } from 'antd';
import './Component.scss';
const $ = window.$;
$(window).scroll(function () {
if ($(".gotop").length > 0) {
if ($(document).scrollTop() > 0) {
$(".-task-sidebar .gotop").show();
$(".gotop").click(function () {
$("html,body").scrollTop(0);
});
}
if ($(document).scrollTop() === 0) {
$(".-task-sidebar .gotop").hide();
}
}
});
function SiderBar() {
const content = (
<div>
<p>帮助</p>
</div>
)
return (
<div className={"-task-sidebar"} >
<div className="feedback" title="意见反馈">
<Popover content={content} overlayClassName="helpBox" placement={"left"}>
<i className="iconfont icon-bangzhu font-22"></i>
</Popover>
</div>
{/* <div className="scan pr" title="微信扫一扫">
<span className="inline erweima"><i className="iconfont icon-erweima color-white font-22 fl"></i></span>
</div>
<div className="consult" title='在线咨询'>
<a target="_blank" className="color_white" href="//shang.qq.com/wpa/qunwpa?idkey=2f2043d88c1bd61d182b98bf1e061c6185e23055bec832c07d8148fe11c5a6cd">
<i className="iconfont icon-qqzaixianzixun color-white font-22"></i>
</a>
</div> */}
<div className="gotop" title="返回顶部">
<a>
<i className="iconfont icon-huidaodingbu1"></i>
</a>
</div>
</div>
)
}
export default SiderBar;