1.0.6 • Published 4 years ago

fast-style v1.0.6

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

#Installation

npm install fast-style

#说明

小程序使用请引入xcx-public.css
使用px尺寸请引入px-public.css
使用rem尺寸请引入rem-public.css

build文件夹为压缩版样式

ps:引入rem-public.css需配合flexible.js一起使用,请引入rem-public.css的同时,同时引入build文件夹下的flexible.js

以下为class类名,id类名不可用

样式说明

引入的css默认会去除标签默认属性

ps:小程序样式除外

>margin

取值的范围(5、10、15、20、25、30)

#上下左右margin值 margin-值=margin:值px 例:margin-10=margin:10px;

#上下左右某一边的margin值 margin-方向_值=margin-方向:值px 例:margin-l_10=margin-left:10px; ps:l代表left,r代表right,t代表top,b代表buttom

#上下margin值 margin-tb_值=margin-top:值px,margin-buttom:值px 例:margin_tb_10=margin:10px 0;

#左右margin值 margin-lr_值=margin-left:值px,margin-right:值px 例:margin-lr_10=margin:0 10px;

#取消margin值 取消全部margin值:margin-no 取消左边margin值:margin-l_no 取消右边margin值:margin-r_no 取消上边margin值:margin-t_no 取消下边margin值:margin-b_no

>padding

与margin样式操作方式一致,margin改成padding即可

>字体

取值的范围(12-50)

#字体大小 fz-值=font-size:值px 例:fz-12=font-size:12px

>浮动

#左浮动 fl=float:left

#右浮动 fr=float:right

>清除浮动

clearfix

>转换为块级元素

#转换为行内元素 block

#转换为行内快元素 inline-block

>字体布局

#字体居中 center

#字体居左 text-left

#字体居右 text-right

#超出隐藏 text-hidden

>hidden隐藏

#隐藏 hidden

#x轴隐藏 hidden-x

#y轴隐藏 hidden-y

>border边框

#上下左右边框 border

#上下左右某一边的边框 border-方向=border-方向: 1px solid #e5e5e5; 例:border-l=border-left: 1px solid #e5e5e5; ps:l代表left,r代表right,t代表top,b代表buttom

#取消上下左右边框边框 border-no

#取消某一边的边框 例:border-l_no=border-left: none; ps:l代表left,r代表right,t代表top,b代表buttom

>定位

#相对定位 rel

#绝对定位 abs

#固定定位 fixed

ps:定位层级为5

>背景颜色

#灰色背景 body-c #白色背景 body-f

>字体颜色
```
取值的范围(color1-color10)
ps:1-10分别表示10种不同的色彩
```
>去除阴影

#去除元素周围阴影 box-shadow_no

>mask遮罩层

#mask遮罩层配合固定定位弹出使用 mask

ps:层级为100

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago