41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import styled from 'styled-components';
|
|
|
|
export default (({fork,parise})=>{
|
|
const DivStyle = styled.div`{
|
|
display:flex;
|
|
align-item:center;
|
|
}`;
|
|
const SpanStylefork = styled.span`{
|
|
display:flex;
|
|
align-item:center;
|
|
margin-left:30px;
|
|
padding:0px 12px;
|
|
border-radius:13px;
|
|
background-color:#EBF4FE;
|
|
height:24px;
|
|
line-height:24px;
|
|
font-size:12px;
|
|
}`;
|
|
const SpanStyleparise = styled.span`{
|
|
display:flex;
|
|
align-items:center;
|
|
margin-left:30px;
|
|
padding:0px 12px;
|
|
border-radius:13px;
|
|
background-color:#FFF3DC;
|
|
height:24px;
|
|
line-height:24px;
|
|
font-size:12px;
|
|
}`;
|
|
return(
|
|
<DivStyle>
|
|
{
|
|
fork || fork ===0 ? <SpanStylefork><i className="iconfont icon-fork font-15 mr3" style={{color:"#1B8FFF"}}></i>fork({fork})</SpanStylefork>:""
|
|
}
|
|
{
|
|
parise || parise ===0?<SpanStyleparise><i className="iconfont icon-guanzhu font-14 mr3" style={{color:"#FFA802"}}></i>点赞({parise})</SpanStyleparise>:""
|
|
}
|
|
</DivStyle>
|
|
)
|
|
}) |