ne-istyle
v1.0.5
Published
Unified style framework
Downloads
2
Readme
/* *前端统一样式申明 *sky,caan 于 2017/6/29 */ 引入 index/main.less
index:入口文件夹
less:各模块样式
util:函数和变量
鉴于某些样式使用频繁,特用class定义好,如下:
浮动:
right 右浮动 left 左浮动 clearfix 清除浮动
文本居:
text-align-left 居左 text-align-center 居中 text-align-right 居右
显示隐藏:
hide 隐藏 block 块级显示
定位:
relative 相对定位 absolute 绝对定位 fixed 固定定位
外边距:
no-margin margin值为0
m-left-xs 距离左边5px m-left-sm 距离左边10px m-left-lg 距离左边15px
m-right-xs 距离右边5px m-right-sm 距离右边10px m-right-lg 距离右边15px
m-top-xs 距离上边5px m-top-sm 距离上边10px m-top-lg 距离上边15px
m-bottom-xs 距离下边5px m-bottom-sm 距离下边10px m-bottom-lg 距离下边15px
内边距:
no-padding padding值为0
p-left-xs 距离左边5px p-left-sm 距离左边10px p-left-lg 距离左边15px
p-right-xs 距离右边5px p-right-sm 距离右边10px p-right-lg 距离右边15px
p-top-xs 距离上边5px p-top-sm 距离上边10px p-top-lg 距离上边15px
p-bottom-xs 距离下边5px p-bottom-sm 距离下边10px p-bottom-lg 距离下边15px
搜索栏:ne-search
eg:
<div class="ne-search">...<div>
table列表:ne-table-list
eg:
<div class="ne-table-list">
<Row></Row>
</div>
列设置了宽度的某些表格,需要自适应,强行撑满:ne-w100-table
eg:
<Table class="ne-w100-table"></Table>
iview表格默认会换行,不换行的表格:
<Table class="ne-nowrap-table"></Table>
PS:
1、请尽量避免使用行间样式:若觉得那里用行间样式很方便的请找我,这就需要添加到常用样式了
2、请不要动辄!important
3、z-index请从1开始计数