/buttonComponent

三种不同风格的按钮组件

Primary LanguageCSS

buttonComponent

##三种不同风格的按钮组件 #####借鉴了metronic和flat两种风格,配合其他的按钮风格。然后写出了三种不同风格的按钮。 #####每种按钮都有三种大小和十种已经定义好了的颜色。如果不喜欢,也可以自己更改大小和颜色。

####示例图片 ####使用方法: #####首先在页面引入css文件 #####接着按需添加class #####三种风格对应三个类,只需在需要的按钮的class属性中加入该类

  • metro-default-bn
  • metro-default-bn
  • border-default-bn
每种风格有已经定义好的十种颜色
  • color-normal
  • color-reminder
  • color-ensure
  • color-purplr
  • color-orange
  • color-flower
  • color-pink
  • color-matcha
  • color-silence
  • color-sea
每种风格有定义好的三种大小
  • border-small
  • border-middle
  • border-large

  • flat-small
  • flat-middle
  • flat-large

  • metro-small
  • metro-middle
  • metro-large