菜单

分段
段用来创建一组相关内容

下载

种类

分段 (Segment)

内容分段

段占位符(Placeholder Segment)
2.4.0 版本新特性

一个段可用于预留有条件地显示的内容的空间。

没有文件
添加文件
在占位符里使用 inline-block, 包裹内容 inline.
我们没有任何文件符合您查询
清除查询
添加文件
查找国家
添加新国家
创建

凸显 (Raised)

段可以被格式化在页面的上方,凸现出来

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

叠摞 (Stacked)

段可以被设置为显示多个页面

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

堆叠 (Piled)

段可以被设置为显示像一堆页面

堆叠分段用 negative z-index 来格式化显示堆下面的其他页面。为了正确显示,段偏移的容器必须有一个属性声明。

A header

Te eum doming eirmod, nominati pertinacia argumentum ad his. Ex eam alia facete scriptorem, est autem aliquip detraxit at. Usu ocurreret referrentur at, cu epicurei appellantur vix. Cum ea laoreet recteque electram, eos choro alterum definiebas in. Vim dolorum definiebas an. Mei ex natum rebum iisque.

Audiam quaerendum eu sea, pro omittam definiebas ex. Te est latine definitiones. Quot wisi nulla ex duo. Vis sint solet expetenda ne, his te phaedrum referrentur consectetuer. Id vix fabulas oporteat, ei quo vide phaedrum, vim vivendum maiestatis in.

Eu quo homero blandit intellegebat. Incorrupte consequuntur mei id. Mei ut facer dolores adolescens, no illum aperiri quo, usu odio brute at. Qui te porro electram, ea dico facete utroque quo. Populo quodsi te eam, wisi everti eos ex, eum elitr altera utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id.

垂直段 (Vertical Segment)

垂直分段将内容分割为一组垂直内容

分段组 (Segments)

一组分段可以在一起使用

Top

Middle

Middle

Middle

Bottom

Top

Middle

Middle

Middle

Bottom

Top

Secondary Content

嵌套 (Nested Segments)

一组段可以嵌套在另一组段中

Top

Nested Top

Nested Middle

Nested Bottom

Middle

Top

Middle

Bottom

Bottom

水平 (Horizontal Segments)

水平分段将内容分割为一组水平内容

凸显 (Raised Segments)

一组分段也可以凸现出来

Top

Middle

Bottom

叠摞 (Stacked Segments)

段可以被设置为显示多个页面

Top

Middle

Bottom

堆叠 (Piled Segments)

段可以被设置为显示一堆页面

Top

Middle

Bottom

状态

禁用 (Disabled)

一个段可以显示它内容是禁用的

加载 (Loading)

一个段可以显示它内容正在被加载

变形

反色 (Inverted)

一个段可以以很强的反色对比显示

I'm here to tell you something, and you will probably read me first.

附属 (Attached)

在段可以将某个内容链接到其他页面

附属分段是被设计出来和 attached 变量一起使用的,比如 attached header 或者 attached messages

This segment is on top

This segment is attached on both sides

This segment is on bottom

Dogs

Dogs are one type of animal

Cats

Cats are thought of as being related to dogs, but only humans think this.

Lions

Humans don't think of lions as being like cats, but they are.

You've reached the end of this content segment!

间隔 (Padded)

分段可以显示的与周围内容有间隔

紧凑 (Compact)

分段在必要的时候可以占据很多的空间

Pellentesque habitant morbi

Pellentesque habitant morbi

Pellentesque habitant morbi

颜色 (Colored)

段可以设为各种颜色

红色
橘黄
纯黄
橄榄绿
纯绿
水鸭蓝
纯蓝
紫罗兰
纯紫
粉色
棕色
灰色
黑色

分段的颜色可以反色显示

红色
橘黄
纯黄
橄榄绿
纯绿
水鸭蓝
纯蓝
紫罗兰
纯紫
粉色
棕色
灰色
黑色

强调 (Emphasis)

分段可以显示的更加明显或者不明显

I'm here to tell you something, and you will probably read me first.

I am pretty noticeable but you might check out other content before you look at me.

If you notice me you must be looking very hard.

Inverted colors may also be more or less noticeable

I'm here to tell you something, and you will probably read me first.

I am pretty noticeable but you might check out other content before you look at me.

If you notice me you must be looking very hard.

I'm here to tell you something, and you will probably read me first.

I am pretty noticeable but you might check out other content before you look at me.

If you notice me you must be looking very hard.

圆形 (Circular)

段可以设置为圆形

圆形段要注意将长和宽设置为足够大,否则会使得内容露在外面。

Buy Now
$10.99

Buy Now
$10.99

清除 (Clearing) New

分段可以消除浮动的内容

浮动

浮动 (Floated)

分段可以浮动在其他内容的左边或者右边

这个分段将显示在右边

这个分段将显示在左边

文本对齐 (Text Alignment)

分段可以使其内容居左或居右

居右
居左
居中

基础 (Basic)

基础的段没有指定的格式

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.