标签控件

标签页控件由标签按钮和标签内容组成,标签按钮和内容通过 name Attribute 产生关联。 所以通过dom模板创建此控件时需在HTMLElement 上注明name关系。如下所示

  • 控制台
  • 数据中心
  • 个人中心

标签位置

此控件的标签按钮位置可以通过 direction 进行设定;

可选值有:left、right、top(默认)、bottom

  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心

反白效果

  • 控制台
  • 数据中心
  • 个人中心

按钮颜色

此控件的标签按钮位置可以通过 className 进行设定;

可选值有:red,orange,yellow,olive,green,teal,blue,violet,purple,pink,brown,grey

  • 控制台
  • 数据中心
  • 个人中心

PadUI

可以通过 className=pad 进行设定;

此UI也支持以上位置,反白和颜色特性

  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心

颜色

此控件的标签按钮位置可以通过 className 进行设定;

可选值有:red,orange,yellow,olive,green,teal,blue,violet,purple,pink,brown,grey

  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心
  • 控制台
  • 数据中心
  • 个人中心