Files
NotionNext/components/ContactButton.js
tangly1024 49ab1eb124 feature:
引入react-fontawesome,升级至v5.15;
next/link补齐passHref;
替换img为next/Image,优化图片
2021-12-03 15:01:11 +08:00

25 lines
788 B
JavaScript

import React from 'react'
import Link from 'next/link'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faInfo } from '@fortawesome/free-solid-svg-icons'
/**
* 悬浮在屏幕右下角,联系我的按钮
* @returns {JSX.Element}
* @constructor
*/
const ContactButton = () => {
return (
<Link href='/article/about'>
<a className={'fixed right-10 bottom-40 animate__fadeInRight animate__animated animate__faster'}>
<span
className='dark:bg-black bg-white px-5 py-3 cursor-pointer shadow-card text-xl hover:bg-blue-500 transform duration-200 hover:text-white hover:shadow'>
<FontAwesomeIcon icon={faInfo} className='dark:text-gray-200 ' title='about' />
</span>
</a>
</Link>
)
}
export default ContactButton