20 lines
807 B
JavaScript
20 lines
807 B
JavaScript
import React from "react";
|
|
import { Link } from "react-router-dom";
|
|
import arrowIcon from '../../images/icon_arrow.png'
|
|
import './index.scss';
|
|
|
|
// 鼠标悬停箭头往右上角走的效果
|
|
export const slidingArrowButton = ({href="/", name="探索更多内容", classname="font-16 font-bd", imageSrc}) =>{
|
|
return <Link to={href} className={`slidingArrowButton ${classname}`}>
|
|
{name}
|
|
<span className="arrowIconBox"><img src={imageSrc || arrowIcon} className="arrowIcon"/></span>
|
|
</Link>
|
|
}
|
|
|
|
// 鼠标悬停文本往上翻滚，再加背景光从左往右
|
|
export const rollingButton = ({href="/", name="了解更多", hoverName="了解更多", classname="mt20"}) =>{
|
|
return <Link className={`rollingButton ${classname}`}to={href}>
|
|
<span>{name}</span>
|
|
<span>{hoverName}</span>
|
|
</Link>
|
|
} |