demos ellipsis.tsx

33.33% Statements 1/3

100% Branches 0/0

0% Functions 0/2

33.33% Lines 1/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27  
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
import {CardL, Typography} from '@gyzn/linglong-ui';
 
const img = require('../../../image/icon.png')
 
export default () => (
  <CardL
    cardType="basic"
    title="我是卡片标题超长超长超长超长超长"
    icon={
      <img
        src={img}
        style={{backgroundImage: 'linear-gradient(90deg), #82E5FF, #6699FF'}}
        alt=""
      />
    }
    onViewButtonClick={() => {
      alert('您已点击查看');
    }}
    style={{width: 500}}
  >
    <Typography.Paragraph ellipsis={{rows: 3}}>
      一系列的信息描述，支持卡片尺寸变化；如果描述有功能入口，需要在右下角提供可点击的入口，用蓝色文字表示;填充文字填充填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字填充文字文字
    </Typography.Paragraph>
  </CardL>
);