eson/datagod
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

解决布局问题

Browse Source
This commit is contained in:
eson 2020-12-09 01:53:54 +08:00
parent b5ef817609
commit 4c21dd0236
2 changed files with 19 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/component/anchor.js
View File

@ -3,6 +3,18 @@ import { Header } from 'antd/lib/layout/layout';
import React from 'react';
import './anchor.less';
class AnchorItem extends React.Component {
render() {
return ( <Row >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-online" >在线</a>
</Button>
</Row>)
}
}
//
class Anchor extends React.Component {
state = {
@ -11,65 +23,13 @@ class Anchor extends React.Component {
render() {
var rstyle = {
pointerEvents: "visibleStroke",
// pointerEvents: "none",
}
return (
<Affix className="datagod-anchor" >
<Row justify="end" style={{pointerEvents: "visibleStroke"}} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-online" >在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<Row justify="end" style={rstyle} >
<Button className="datagod-anchor-button" type="link" >
<a href="#player-statement" >钱在线</a>
</Button>
</Row>
<AnchorItem></AnchorItem>
</Affix>
)
}

5
src/component/anchor.less
View File

@ -2,11 +2,12 @@
.datagod-anchor {
height: 0;
right: 0;
align-self: flex-end;
display: flex;
}
.datagod-anchor-button {
text-align: right;
// text-align: right;
color: rgb(0, 156, 156);
:hover{