一 CSS内置公共基础类
类名(class) | 说明 |
---|---|
布局/容器 | |
mui-fullscreen | mui默认设置全屏类 |
mui-row | 响应栅格布局定义一行,结合mui-col-xs-和mui-col-sm-一起使用,每行栅格分成12份 |
mui-bar | 固定顶部或底部导航,配合mui-bar-nav生成默认的固定顶部导航,配合mui-bar-tab read-bar-tab生成默认的固定tab底部导航,配合mui-bar-footer生成默认的固定底部导航 |
mui-content | 生成一个默认的主体容器 |
mui-content-padded | 生成一个带10px外边距(margin)的容器 |
mui-table | 块级表格布局方式,内部元素(mui-table-cell)为块级表格来显示 |
mui-inline | 将元素呈递为内联对象,但是对象的内容作为块对象呈递 |
辅助元素 | |
mui-pull-left | 元素向左浮动 |
mui-pull-right | 元素向右浮动 |
mui-clearfix | 清除浮动 |
mui-list-unstyled | ul设置此类,去掉ul标签在浏览器中默认的原点和内边距 |
mui-list-inline | 给ul元素设置此类将li标签元素设置为内联块元素 |
mui-visibility | 设置元素可见 |
mui-hidden | 设置元素隐藏 |
参考链接: http://ask.dcloud.net.cn/article/818
二 CSS命名规范
class命名前缀:mui
,连接符:-
,如:class="mui-content"
如果你是拓展模块或定义新样式,最好也要遵循于类似的规则,并且请勿占用mui已经命名好的类