uni类使用说明

461 阅读1分钟

1.uni-padding-wrap:宽度690rpx 左右内边距30rpx ,相当于690/750=92%的宽度。可用于外层包裹

 

2.单页头,标题和正文

uni-page-head:

uni-page-head-title:

uni-page-body:超出范围隐藏

这三个类的效果

 

 

3. uni-word:上下内边距200rpx 左右100rpx。

 

过长效果,用在什么地方呢?。

 

4.uni-title:30rpx行高1.5

 uni-title text:24rpx 灰色

可用作正负标题uni-titleuni-title text

 

 

5. uni-text-gray 灰色#ccc;

6. uni-text-small  24rpx号字

 

7.uni-common-mb,uni-common-pb,uni-common-pl,uni-common-mt

上面的common代表通用,后面的第一个字母m代表margin,p代表padding。b代表底部,l代表left,t代表top  他们的距离都是30rpx

.uni-common-mb{

margin-bottom:30rpx;

}

表示uni通用底部外边距30rpx;

 

8.背景色三个

uni-bg-red,uni-bg-green,uni-bg-blue

 

9h1-h6效果图

 

10. uni-bold 加粗

 

11. uni-ellipsis 文本溢出

 不自动换行,文本溢出时显示省略号。

 

 

12.uni-btn-v 

/* 竖向百分百按钮 */

.uni-btn-v{

padding:10rpx 0;

}

.uni-btn-v button{margin:20rpx 0;}

没明白作者什么意思

 

 

13.表单(from)

uni-form-item 宽度100% 弹性布局,上下内间距10rpx 左右0