d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-02 23:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

hexo 回顶 按钮 样式

Browse Source
This commit is contained in:
tangly1024
2022-03-16 13:12:05 +08:00
parent c2075dde1c
commit c8c1e71480
6 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
themes/hexo/LayoutBase.js
View File

@@ -17,7 +17,7 @@ import FloatDarkModeButton from './components/FloatDarkModeButton'
const LayoutBase = (props) => {
const { children, headerSlot, floatSlot, meta } = props
const [show, switchShow] = useState(false)
const [percent, changePercent] = useState(0) // 页面阅读百分比
// const [percent, changePercent] = useState(0) // 页面阅读百分比
const scrollListener = () => {
const targetRef = document.getElementById('wrapper')
@@ -31,7 +31,7 @@ const LayoutBase = (props) => {
if (shouldShow !== show) {
switchShow(shouldShow)
}
changePercent(per)
// changePercent(per)
}
useEffect(() => {
smoothscroll.polyfill()
@@ -55,11 +55,11 @@ const LayoutBase = (props) => {
</main>
{/* 右下角悬浮 */}
<div className='bottom-12 right-0 fixed justify-end z-20 font-sans'>
<div className={(show ? 'animate__animated ' : 'hidden') + ' animate__fadeInUp justify-center duration-500 animate__faster flex flex-col items-center cursor-pointer '}>
<div className='bottom-12 right-1 fixed justify-end z-20 font-sans text-white bg-blue-400 rounded'>
<div className={(show ? 'animate__animated ' : 'hidden') + ' animate__fadeInUp justify-center duration-500 animate__faster flex flex-col items-center cursor-pointer '}>
<FloatDarkModeButton/>
{floatSlot}
<JumpToTopButton percent={percent}/>
<JumpToTopButton/>
</div>
</div>