1.0.5 • Published 6 years ago

ne-istyle v1.0.5

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

/* 前端统一样式申明 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开始计数