✏️ 正在编辑: FeatureCard.js
路径:
/opt/alt/alt-nodejs12/root/usr/lib/node_modules/npm/docs/src/components/home/FeatureCard.js
提示:
您可以编辑任何文件（包括二进制文件），但请注意不当修改可能导致文件损坏。
import React from 'react' import styled from 'styled-components' import {Flex, Image, Text} from 'rebass' const Card = styled(Flex)` background-color: #f2f2f2ab; box-shadow: 5px 5px 1px 1px ${(props) => props.theme.colors.red}; border-radius: 2px; ` const Desc = styled.p` padding: 5px 0; font-size: 16px; ` const Title = styled(Text)` font-size: 24px; font-weight: 500; text-shadow: 1px 2px 2px #f061df6e; ` const Icon = styled(Image)` width: 110px; flex-shrink: 0; ` const FeatureCard = ({icon, text, title}) => { return ( <Card alignItems='center' flexDirection={['column', 'row']} p={5} m={4}> <Icon src={icon} /> <Flex flexDirection='column' pl={[0, 4]} pt={2}> <Title textAlign={['center', 'left']}>{title}</Title> <Desc>{text}</Desc> </Flex> </Card> ) } export default FeatureCard
💾 保存文件
← 返回文件管理器