Segment
定义一段内容
凸起的
定义一段凸起效果的片段class:raised
整齐堆放
叠起的,堆放的class:stacked可突显内容为多页模式,更多的堆放模式需要加class:tall
随意堆放
随意堆放的class:piled可突显内容为多页模式
纵向段落
通过class:vertical segment 垂直组模式排列内容
段落组
Top
Middle
Bottom
嵌套的段落组
Top
Top
Middle
Bottom
Bottom
横向段落组
内容1
内容2
内容3
Disabled
显示段落内容是禁用的
Loading
显示段落内容是正在装载的
反白效果
此段内容硬是优先读取的。
Padded
获得增加 padding的效果
Compact
获得横向通过内容撑开的效果display: table;
内容
内容2
颜色
默认提供了以下几种颜色主题
red
orange
yellow
olive
green
teal
blue
violet
purple
pink
brown
grey
反白+颜色
默认提供了以下几种颜色主题
red
orange
yellow
olive
green
teal
blue
violet
purple
pink
brown
grey
高亮效果
Cola 默认提供了secondary,tertiary 高亮主题
default
secondary
tertiary
default
secondary
tertiary
浮动的
Float Left
Float right
圆角的
中奖金额
￥10.99
内容对齐
Left
Center
Right
Basic
无边框的最基本段落效果
