Crypto cell 币对单元

用于展示币对币名、币价、涨跌幅、成交额等币对相关信息

组件构成

1: 币对图标

Coin:必有,但可选配

2: 币对信息

Headline:币名必有,现货为BTC,合约为BTCUSDT

/USDT:可选,现货名称后缀

Perp:可选,合约名称后缀

Icon:可选,币名后可选配火标签,最多1个

Supporting Text:可选,成交量字段,Tag标签最多3个

Chain:可选,链上地址

3: 容器

默认容器透明,跟随模块/页面底色

4: 值

Price Value:可选,币价值

Vol Value:可选,成交额值

Countdown:可选,倒计时值

5: 涨跌幅

Change:可选,三种状态:涨、跌、平

1: 排名

Ranking Number:可选

2: 币对信息

Headline:币名必有,现货为BTC,合约为BTCUSDT

/USDT:可选,现货名称后缀

Perp:可选,合约名称后缀

Hot:可选,币名后可选配火标签,最多1个

Supporting Text:可选,Tag标签最多3个

3: 容器

默认容器透明,跟随模块/页面底色

4: 值

Price Value:可选,币价值

Countdown:可选,倒计时值

5: 收藏

Selected:可选,线框未选中,实心选中

1: 排名

Ranking Number:可选

2: 币对信息

Headline:币名必有,现货为BTC,合约为BTCUSDT

Address:可选,地址

Hot:可选,币名后可选配火标签,最多1个

Supporting Text:可选,流动池量

3: 容器

默认容器透明,跟随模块/页面底色

4: 值

Price Value:可选,币价值

5: 收藏

Selected:可选,线框未选中,实心选中

1: 币对图标

Coin:可选,可选带地址图标,默认不展示

2: 币对信息

Headline:币名必有,现货为BTC,合约为BTCUSDT

/USDT:可选,现货名称后缀

Perp:可选,合约名称后缀

Hot:可选,币名后可选配火标签,最多1个

Supporting Text:可选,成交量字段,Tag标签最多3个

Collect icon:可选,自选icon仅在非自选列表展示

Chain:可选,链上地址

3: 容器

默认容器透明,跟随模块/页面底色

4: 值

Price Value:可选,币价值

Vol Value:可选,成交额值

5: 涨跌幅

Change:可选,三种状态:涨、跌、平

1: 币对信息

Headline:币名必有,现货为BTC,合约为BTCUSDT

/USDT:可选,现货名称后缀

Perp:可选,合约名称后缀

Hot:可选,币名后可选配火标签,最多1个

Supporting Text:可选,成交量字段,Tag标签最多3个

Chain:可选,链上地址

Collect icon:可选,自选icon仅在非自选列表展示

2: 容器

默认容器透明,跟随模块/页面底色

3: 值

Price Value:可选,币价值

BTC

/USDT

213.127M

Tag

69,412.44

$ 69,412.44

+2.56%

6

BTC

/USDT

Supporting Text

69,412.44

+16.72%

6

BARRON

(*7AB5)

Liq: $213.127M

$69,412.44

+16.72%

BTC

/USDT

213.127M

69,412.44

$ 69,412.44

+2.56%

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

1

1

1

1

1

4

4

4

4

3

3

3

3

3

5

5

5

5

2

2

2

2

2

Home 首页

Ranking 搜索排名

DEX+ Ranking DEX+搜索排名

Markets 行情

Trade 交易

1: 币对图标

Coin:必有,但可选配,并带地址图标

2: 币对信息

Headline:币名必有

Icon:可选,币名后可选配火标签,最多1个,pump标识,最多1个

Supporting Text:可选,时间字段,Tag标签最多3个

3: 容器

默认容器透明,跟随模块/页面底色

4: 值

Price Value:可选,币价值

5: 成交数量

Tnxs Value:成交数量数据

BARRON

23d

$101,023.66

69,412.4K

1,180K / 1,902K

1

4

5

3

2

DEX+

类型

Home 首页

BTC

/USDT

69,412.44

$ 69,412.44

+2.56%

BTCUSDT

Perp

69,412.44

$ 69,412.44

-2.56%

BTC

/USDT

Ehsk...fBDD

69,412.44

$ 69,412.44

-2.56%

BTC

/USDT

69,412.44

$ 69,412.44

BTC

/USDT

69,412.44

$ 69,412.44

515.545M

DEX+

BARRON

Vol 213.127M

$101,023.66

69,412.4K

1,180K / 1,902K

Ranking 搜索排名

1

BTC

/USDT

69,412.44

+16.72%

6

BTCUSDT

Perp

69,412.44

+16.72%

BTC

/USDT

69,412.44

+16.72%

1

BTC

/USDT

1D 08 : 23 : 59

Coming Soon

6

BTCUSDT

Perp

1D 08 : 23 : 59

Coming Soon

DEX+ Ranking DEX+搜索排名

1

BARRON

(*7AB5)

Liq: $213.127M

$69,412.44

+16.72%

6

BARRON

(*7AB5)

Liq: $213.127M

$69,412.44

+16.72%

Markets 行情

BTC

/USDT

213.127M

69,412.44

$ 69,412.44

+2.56%

BTCUSDT

Perp

213.127M

69,412.44

$ 69,412.44

-2.56%

BTC

/USDT

213.127M

Tag

69,412.44

$ 69,412.44

0.00%

BTCUSDT

Perp

213.127M

69,412.44

$ 69,412.44

-2.56%

Trade 交易

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

BTCUSDT

Perp

Vol 213.127M

Tag

69,412.44

+16.72%

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

BTCUSDT

Perp

Vol 213.127M

Tag

69,412.44

+16.72%

样式说明

Home 首页

DEX+

BTC

/USDT

Ehsk...fBDD

69,412.44

$ 69,412.44

-2.56%

BTCUSDT

Perp

69,412.44

$ 69,412.44

BTC

/USDT

69,412.44

$ 69,412.44

515.545M

BARRON

Vol 213.127M

$101,023.66

69,412.4K

1,180K / 1,902K

16/20

16/20

12

8

24

4

CEX Ranking CEX搜索排名

1

BTC

/USDT

69,412.44

+16.72%

BTC

/USDT

69,412.44

+16.72%

1

BTC

/USDT

1D 08 : 23 : 59

Coming Soon

16

DEX+ Ranking DEX+搜索排名

1

BARRON

(*7AB5)

Liq: $213.127M

$69,412.44

+16.72%

16

16/20

16/20

16

12

8

16/20

16/20

12

8

16/20

16/20

Markets 行情

BTC

/USDT

213.127M

69,412.44

$ 69,412.44

+2.56%

BTCUSDT

Perp

213.127M

69,412.44

$ 69,412.44

-2.56%

Trade 交易

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

BTCUSDT

Perp

Vol 213.127M

Tag

69,412.44

+16.72%

16/20

16/20

24

8

16/20

16/20

16

8

20/16

20/16

12

8

24

8

24

8

12

12

2

2

2

2

2

2

2

4

多语言

Home 首页

LTR (Left to Right)

超长说明

RTL (Right to Left)

说明

说明

DEX+

BTC

/USDT

Ehsk...fBDD

69,412.44

$ 69,412.44

-2.56%

BTCCCCCCCCCCCCCCC

/USD...

Ehsk...fBDD

699,4.44

$ 69,412.44

-2.56%

BTCCCCCCCCCCCCCCC

/USD...

Ehsk...fBDD

699,41231...

$ 69,412.44

-2.56%

BARRON

Vol 213.127M

$101,023.66

69,412.4K

1,180K / 1,902K

BARRONBARRONBARRONBsdsARRON

Vol 213.127M

$101.66

+2.56%

BARRONBARRONBARRONBARRON

Vol 213.127M

$1012132323.66

+2.56%

CEX Ranking CEX搜索排名

1

BTC

/USDT

69,412.44

+16.72%

1

BTCCCCCCCCCCC

/USD...

69,4121232132.44

+16.72%

1

BTCCCCCCCCCCC

/USD...

69,4121232131233333333333333.44

+16.72%

DEX+ Ranking DEX+搜索排名

1

BARRON

(*7AB5)

Liq: $213.127M

$69,412.44

+16.72%

1

BARRONBARRONBAR

(*7AB...

Liq: $213.127M

69,4121232132.44

+16.72%

1

BARRONBARRONBAR

(*7AB...

Liq: $213.127M

69,4121232131233333333333333.44

+16.72%

Markets 行情

BTC

/USDT

213.127M

69,412.44

$ 69,412.44

+2.56%

BTCCCCCCCCCCCCCCCCCCC

/USD...

213.127M

69,412.44

$ 69,412.44

+2.56%

BTCCCCCCCCCCCCCCCCCCCC

/USD...

213.127M

69,4122323232.44

$ 69,412.44

+2.56%

Trade 交易

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

BTCCCCCCCCCCCCCC

/USD...

Vol 213.127M

69,4121232131233.44

+16.72%

BTCCCCCCCCCCCCCC

/USD...

Vol 213.127M

69,4121232131233333333333333.44

+16.72%

固定宽度 80px

固定间距 16px

固定间距 8px

固定间距 24px

固定间距 8px

如左侧,除固定间距外,

价格区不定宽,跟随价格长度变化,

币対区不定宽,跟随币对名称长度变化,优先展示价格区域,限定币対区域的最小宽度为136px(如果有标签则加上标签的宽度)


当币対区域缩小到最小宽度136px时,价格超长,优先执行缩小字体,最小缩小到10px,仍不能展示完全时...省略


超长效果如下:

如左侧,除固定间距外,

价格区不定宽,跟随价格长度变化,

币対区不定宽,跟随币对名称长度变化,优先展示价格区域,限定币対区域的最小宽度为136px(如果有标签则加上标签的宽度)


当币対区域缩小到最小宽度136px时,价格超长,优先执行缩小字体,最小缩小到10px,仍不能展示完全时...省略


超长效果如下:

币对超长

都超长

币对超长

都超长

Home 首页

BTC

/USDT

69,412.44

$ 69,412.44

+2.56%

BTCUSDT

Perp

69,412.44

$ 69,412.44

-2.56%

Home 首页

+2.56%

69,412.44

$ 69,412.44

BTC

/USDT

-2.56%

69,412.44

$ 69,412.44

دائمی

BTCUSDT

DEX+

BARRON

213.127M

$101,023.66

69,412.4K

1,180K / 1,902K

DEX+

69,412.4K

1,180K / 1,902K

$101,023.66

BARRON

213.127M

Ranking 搜索排名

1

BTC

/USDT

69,412.44

+16.72%

6

BTCUSDT

Perp

69,412.44

+16.72%

1

BTC

/USDT

1D 08 : 23 : 59

Coming Soon

Ranking 搜索排名

69,412.44

+16.72%

BTC

/USDT

1

69,412.44

+16.72%

دائمی

BTCUSDT

6

1D 08 : 23 : 59

در شرف شروع

BTC

/USDT

1

DEX+ Ranking DEX+搜索排名

1

BARRON

(*7AB5)

Liq: $213.127M

$69,412.44

+16.72%

DEX+ Ranking DEX+搜索排名

$69,412.44

+16.72%

(*7AB5)

BARRON

Liq: $213.127M

1

Markets 行情

BTC

/USDT

213.127M

Tag

69,412.44

$ 69,412.44

+2.56%

BTCUSDT

Perp

213.127M

69,412.44

$ 69,412.44

-2.56%

Markets 行情

+2.56%

69,412.44

$ 69,412.44

BTC

/USDT

Tag

213.127M

-2.56%

69,412.44

$ 69,412.44

دائمی

BTCUSDT

213.127M

Trade 交易

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

BTCUSDT

Perp

Vol 213.127M

Tag

69,412.44

+16.72%

Trade 交易

69,412.44

+16.72%

BTC

/USDT

Vol 213.127M

69,412.44

+16.72%

دائمی

BTCUSDT

Tag

Vol 213.127M

注意示例

若需新增类型或调整请反馈DS团队,一般不可自行调整内容数量,位置,字段等元素

BTC

/USDT

213.127M

69,412.44

$ 69,412.44

+2.56%

推荐

BTC

Perp

/USDT

213.127M

69,412.44

$ 69,412.44

+2.56%

禁止

避免解锁组件自行调整,建议通过变体调整组件

推荐

禁止

DESIGN

中文