Browse Source

add git button

pull/8729/head
jljsj 7 years ago
parent
commit
8235b5e821
  1. 11
      site/theme/template/Home/Banner.jsx

11
site/theme/template/Home/Banner.jsx

@ -4,6 +4,7 @@ import TweenOne from 'rc-tween-one';
import QueueAnim from 'rc-queue-anim'; import QueueAnim from 'rc-queue-anim';
import ScrollParallax from 'rc-scroll-anim/lib/ScrollParallax'; import ScrollParallax from 'rc-scroll-anim/lib/ScrollParallax';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import GitHubButton from 'react-github-button';
import BannerImage from './BannerImage'; import BannerImage from './BannerImage';
const loop = { const loop = {
@ -29,7 +30,7 @@ class Banner extends React.PureComponent {
<ellipse id="Oval-9-Copy-4" cx="100" cy="100" rx="6" ry="6" stroke="#2F54EB" strokeWidth="1.6" /> <ellipse id="Oval-9-Copy-4" cx="100" cy="100" rx="6" ry="6" stroke="#2F54EB" strokeWidth="1.6" />
</TweenOne> </TweenOne>
<TweenOne component="g" animation={[{ opacity: 0, type: 'from' }, { ...loop, y: -15 }]}> <TweenOne component="g" animation={[{ opacity: 0, type: 'from' }, { ...loop, y: -15 }]}>
<g transform="translate(200 400)"> <g transform="translate(200 450)">
<g style={{ transformOrigin: '50% 50%', transform: 'rotate(-340deg)' }}> <g style={{ transformOrigin: '50% 50%', transform: 'rotate(-340deg)' }}>
<rect stroke="#FADB14" strokeWidth="1.6" width="9" height="9" /> <rect stroke="#FADB14" strokeWidth="1.6" width="9" height="9" />
</g> </g>
@ -54,6 +55,14 @@ class Banner extends React.PureComponent {
<p key="p"> <p key="p">
<FormattedMessage id="app.home.introduce" /> <FormattedMessage id="app.home.introduce" />
</p> </p>
<div key="git" style={{ marginTop: 24 }}>
<GitHubButton
key="github-button"
type="stargazers"
namespace="ant-design"
repo="ant-design"
/>
</div>
</QueueAnim> </QueueAnim>
{!isMoblie && ( {!isMoblie && (
<div className="img-wrapper" key="image"> <div className="img-wrapper" key="image">

Loading…
Cancel
Save