mui通用CSS.pdf

mui组件通用CSS类 color(颜色) mui中组件以iOS 7为基础 ，补充部分Android特有控件 ，颜色值主要有以下五种 ： primary = #007aff //蓝色(blue) success = #4cd964 //绿色(green) warning = #f0ad4e //黄色(yellow) danger = #dd524d //红色(red) royal = #8a6de9 //紫色(purple) 注 ：上述primary等颜色值关键词在引用的时候可以替换成对应的颜色单词 ，如 .mui-btn- primary 等效于 .mui-btn-blue ; badge （数字角标 ）：默认背景为灰色 ，另外mui内置了蓝色 （primary/blue ）、绿色 (success/green)、黄色(warning/yellow)、红色(danger/red)、紫色 （royal/purple ）五种颜 色 ，通过给button或者a标签添加 .mui-badge-* 类添加背景颜色。如 ： span class=mui-badge1/span span class=mui-badge mui-badge-primary2/span span class=mui-badge mui-badge-success3/span span class=mui-badge mui-badge-warning4/span span class=mui-badge mui-badge-danger5/span span class=mui-badge mui-badge-royal6/span button （按钮 ）：默认背景为白色 ，另外mui内置了蓝色 （primary/blue ）、绿色 (success/green)、黄色(warning/yellow)、红色(danger/red)、紫色 （royal/purple ）五种颜 色 ，通过给button或者a标签添加 .mui-btn-* 类添加背景颜色。 button type=button class=mui-btn默认/button button type=button class=mui-btn mui-btn-primary蓝色/button button type=button class=mui-btn mui-btn-success绿色/button button type=button class=mui-btn mui-btn-warning黄色/button button type=button class=mui-btn mui-btn-danger红色/button button type=button class=mui-btn mui-btn-royal紫色/button switch(开关) ：默认值为绿色 ，可选颜色为蓝色 ，添加 .mui-switch-blue 类即可。 div class=mui-switch mui-active div class=mui-switch-handle/div /div div class=mui-switch mui-switch-blue mui-active div class=mui-switch-handle/div /div 任意元素 ：可以给任意元素添加.mui­bg­*类添加背景颜色 ，可选参数为 primary/positive/negative。 div class=mui-bg-primary我是蓝色背景/div div class=mui-bg-positive我是绿色背景/div div class=mui-bg-negative我是红色背景/div 文字(font) 文字位置 ： 可以给文字添加  .mui-text-left 、 .mui-text-center 、 .mui-text- right 设置文字位置。 div class=mui-text-left我在左边/div div class=mui-text-center我在中间/div div class=mui-text-right我在右边/div 溢出隐藏 ：当文字内容超过一行或者多行时