v-common.scss v1.0.2

使用

import "v-common.scss";

/* position定位=========================== */

.v-ps-f {
  position: fixed;
}

.v-ps-r {
  position: relative;
}

.v-ps-a {
  position: absolute;
}

/* padding==================================== */
/* 
  范围：0-50
  上 下 左 右 => .v-p-x
  上下 => .v-ptb-x
  左右 => .v-plr-x
  上 => .v-pt-x
  右 => .v-pr-x
  下 => .v-pb-x
  左 => .v-pl-x
*/
.v-p-1 {
  padding: 1px;
}

.v-ptb-1 {
  padding: 1px 0;
}

.v-plr-1 {
  padding: 0 1px;
}

.v-pt-1 {
  padding-top: 1px;
}

.v-pr-1 {
  padding-right: 1px;
}

.v-pb-1 {
  padding-bottom: 1px;
}
l
.v-pl-1 {
  padding-left: 1px;
}

/* ... */

/* margin=================================== */
/* 
  范围：0-50
  上 => .v-mt-x
  右 => .v-mr-x
  下 => .v-mb-x
  左 => .v-ml-x
*/
.v-mt-1 {
  margin-top: 1px;
}

.v-mr-1 {
  margin-right: 1px;
}

.v-mb-1 {
  margin-bottom: 1px;
}

.v-ml-1 {
  margin-left: 1px;
}

/* ... */

/* font文字 */

/* 对齐方式================================ */
.v-ta-l {
  text-align: left;
}

.v-ta-r {
  text-align: right;
}

.v-ta-c {
  text-align: center;
}

/* 字体粗细================================ */
.v-fw-b {
  font-weight: bold;
}

.v-fw-l {
  font-weight: lighter;
}

.v-fw-n {
  font-weight: normal;
}

/* 字体下划线，删除线 ================================*/
.v-td-u {
  text-decoration: underline;
}

.v-td-lt {
  text-decoration: line-through;
}

/* 文字超出省略号1-5行 ================================*/
.v-ep-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v-ep-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ... */

/* 字体大小12-20px ================================*/
.v-fs-12 {
  font-size: 12px;
}


/* 宽高 ================================*/
/* 宽 */
.v-h-100 {
  height: 100%;
}
/* 高 */
/* 24格 0-24*/
.v-w-24 {
  width: 100%;
}

/* ... */

/* 其它 */
/* 鼠标================================== */
.v-cs {
  cursor: pointer;
}