ionic-CSS:Cards(卡片)

html-css038

ionic-CSS:Cards(卡片),第1张

近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具。 像 Google , Twitter , 和 Spotify ..

针对移动端的应用,卡片会根据屏幕大小自适应大小,甚至还可以有动画效果.卡片通常被放在在另一个之上, 但它们也可以被当做"页"来使用,像左滑,右滑.

卡片(card)默认样式带有box-shadow(阴影),由于性能的原因,和他类似的元素像 list list-inset 并没有阴影。 如果你有很多的卡片,每个卡片都有很多子元素,建议使用内嵌列表 inset lists 。

我们可以通过添加 item-divider 类为卡片添加头部与底部: 添加带 item-divider

类的 card

的元素在内容区域的上方或者下方.

使用 list card 类来设置卡片列表:

卡片中使用图片,效果会更好,实例如下:

以下实例中使用几种不同的选项的卡片展现方式。 开始使用了 list card 元素,并使用了 item-avatar , item-body 元素用于展示图片和文本信息,底部使用 item-divider 类。

7712叫堆叠即css.

命令很简单,帮你找了一段,自己难得打,嘿嘿

通过主控板插集群卡连接方式组建集群

1.执行命令system-view,进入系统视图。 

2.执行命令set css mode css-card,配置集群卡连接方式。 

3.执行命令set css id new-id,配置成员交换机的集群ID。 

4.(可选)执行命令set css priority priority,配置设备的集群优先级。 

5.(可选)执行命令css master force,强制指定该交换机在集群中作为集群主交换机。 

6.执行命令css enable,使能交换机的集群功能。

 

通过业务口连接方式组建集群

1.执行命令system-view,进入系统视图。 

2.执行命令set css mode lpu,配置业务口连接方式。 

3.执行命令set css id new-id,配置成员交换机的集群ID。 

4.执行命令interface css-port port-id,进入逻辑集群端口视图。 

5.执行命令port interface { interface-type interface-number1 [ to interface-type interface-number2 ] } &<1-10>enable,配置业务口为物理成员端口,并将物理成员端口加入到逻辑集群端口中。 

6.执行命令quit,退回到系统视图。 

7.(可选)执行命令set css priority priority,配置设备的集群优先级。 

8.(可选)执行命令css master force,强制指定该交换机在集群中作为集群主交换机。 

9.执行命令css enable,使能交换机的集群功能。