All files / src/components/ll_card/demos basic.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import {CardL} from '@gyzn/linglong-ui';
 
export default () => (
  <CardL
    cardType="basic"
    title="我是卡片标题"
    icon={<img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="" />}
    onViewButtonClick={() => {
      alert('您已点击查看');
    }}
    style={{width: 500}}
  >
    <p style={{marginBottom: 0}}>
      一系列的信息描述，支持卡片尺寸变化；如果描述有功能入口，需要在右下角提供可点击的入口，用蓝色文字表示;
    </p>
  </CardL>
);