@hzy1123581324/z-view-ui/static/css/common/padding.css

z-view-ui是使用vue3开发的组件，开发中,有部分组件功能未实现,慎用

/*********内边距***************/

.pad-0 {
  padding: 0rpx !important;
}

.pad-top-0 {
  padding-top: 0rpx !important;
}

.pad-lf-0 {
  padding-left: 0rpx !important;
}

.pad-rg-0 {
  padding-right: 0rpx !important;
}

.pad-btm-0 {
  padding-bottom: 0rpx !important;
}

.pad-top-btm-0 {
  padding-top: 0rpx !important;
  padding-bottom: 0rpx !important;
}

.pad-lf-rg-0 {
  padding-left: 0rpx !important;
  padding-right: 0rpx !important;
}

/****一倍字体大小外边距*****/

.pad-1n {
  padding: 1em !important;
}

.pad-top-1n {
  padding-top: 1em !important;
}

.pad-lf-1n {
  padding-left: 1em !important;
}

.pad-rg-1n {
  padding-right: 1em !important;
}

.pad-btm-1n {
  padding-bottom: 1em !important;
}

.pad-top-btm-1n {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.pad-lf-rg-1n {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

/****两倍字体大小外边距*****/

.pad-2n {
  padding: 2em !important;
}

.pad-top-2n {
  padding-top: 2em !important;
}

.pad-lf-2n {
  padding-left: 2em !important;
}

.pad-rg-2n {
  padding-right: 2em !important;
}

.pad-btm-2n {
  padding-bottom: 2em !important;
}

.pad-top-btm-2n {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

.pad-lf-rg-2n {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

.pad-8 {
  padding: 8rpx !important;
}

.pad-top-8 {
  padding-top: 8rpx !important;
}

.pad-lf-8 {
  padding-left: 8rpx !important;
}

.pad-rg-8 {
  padding-right: 8rpx !important;
}

.pad-btm-8 {
  padding-bottom: 8rpx !important;
}

.pad-top-btm-8 {
  padding-top: 8rpx !important;
  padding-bottom: 8rpx !important;
}

.pad-lf-rg-8 {
  padding-left: 8rpx !important;
  padding-right: 8rpx !important;
}

.pad-10 {
  padding: 10rpx !important;
}

.pad-top-10 {
  padding-top: 10rpx !important;
}

.pad-lf-10 {
  padding-left: 10rpx !important;
}

.pad-rg-10 {
  padding-right: 10rpx !important;
}

.pad-btm-10 {
  padding-bottom: 10rpx !important;
}

.pad-top-btm-10 {
  padding-top: 10rpx !important;
  padding-bottom: 10rpx !important;
}

.pad-lf-rg-10 {
  padding-left: 10rpx !important;
  padding-right: 10rpx !important;
}
.pad-12 {
  padding: 12rpx !important;
}

.pad-top-12 {
  padding-top: 12rpx !important;
}

.pad-lf-12 {
  padding-left: 12rpx !important;
}

.pad-rg-12 {
  padding-right: 12rpx !important;
}

.pad-btm-12 {
  padding-bottom: 12rpx !important;
}

.pad-top-btm-12 {
  padding-top: 12rpx !important;
  padding-bottom: 12rpx !important;
}

.pad-lf-rg-12 {
  padding-left: 12rpx !important;
  padding-right: 12rpx !important;
}

.pad-14 {
  padding: 14rpx !important;
}

.pad-top-14 {
  padding-top: 14rpx !important;
}

.pad-lf-14 {
  padding-left: 14rpx !important;
}

.pad-rg-14 {
  padding-right: 14rpx !important;
}

.pad-btm-14 {
  padding-bottom: 14rpx !important;
}

.pad-top-btm-14 {
  padding-top: 14rpx !important;
  padding-bottom: 14rpx !important;
}

.pad-lf-rg-14 {
  padding-left: 14rpx !important;
  padding-right: 14rpx !important;
}
.pad-16 {
  padding: 16rpx !important;
}

.pad-top-16 {
  padding-top: 16rpx !important;
}

.pad-lf-16 {
  padding-left: 16rpx !important;
}

.pad-rg-16 {
  padding-right: 16rpx !important;
}

.pad-btm-16 {
  padding-bottom: 16rpx !important;
}

.pad-top-btm-16 {
  padding-top: 16rpx !important;
  padding-bottom: 16rpx !important;
}

.pad-lf-rg-16 {
  padding-left: 16rpx !important;
  padding-right: 16rpx !important;
}

.pad-18 {
  padding: 18rpx !important;
}

.pad-top-18 {
  padding-top: 18rpx !important;
}

.pad-lf-18 {
  padding-left: 18rpx !important;
}

.pad-rg-18 {
  padding-right: 18rpx !important;
}

.pad-btm-18 {
  padding-bottom: 18rpx !important;
}

.pad-top-btm-18 {
  padding-top: 18rpx !important;
  padding-bottom: 18rpx !important;
}

.pad-lf-rg-18 {
  padding-left: 18rpx !important;
  padding-right: 18rpx !important;
}

.pad-20 {
  padding: 20rpx !important;
}

.pad-top-20 {
  padding-top: 20rpx !important;
}

.pad-lf-20 {
  padding-left: 20rpx !important;
}

.pad-rg-20 {
  padding-right: 20rpx !important;
}

.pad-btm-20 {
  padding-bottom: 20rpx !important;
}

.pad-top-btm-20 {
  padding-top: 20rpx !important;
  padding-bottom: 20rpx !important;
}

.pad-lf-rg-20 {
  padding-left: 20rpx !important;
  padding-right: 20rpx !important;
}

.pad-22 {
  padding: 22rpx !important;
}

.pad-top-22 {
  padding-top: 22rpx !important;
}

.pad-lf-22 {
  padding-left: 22rpx !important;
}

.pad-rg-22 {
  padding-right: 22rpx !important;
}

.pad-btm-22 {
  padding-bottom: 22rpx !important;
}

.pad-top-btm-22 {
  padding-top: 22rpx !important;
  padding-bottom: 22rpx !important;
}

.pad-lf-rg-22 {
  padding-left: 22rpx !important;
  padding-right: 22rpx !important;
}

.pad-24 {
  padding: 24rpx !important;
}

.pad-top-24 {
  padding-top: 24rpx !important;
}

.pad-lf-24 {
  padding-left: 24rpx !important;
}

.pad-rg-24 {
  padding-right: 24rpx !important;
}

.pad-btm-24 {
  padding-bottom: 24rpx !important;
}

.pad-top-btm-24 {
  padding-top: 24rpx !important;
  padding-bottom: 24rpx !important;
}

.pad-lf-rg-24 {
  padding-left: 24rpx !important;
  padding-right: 24rpx !important;
}

.pad-26 {
  padding: 26rpx !important;
}

.pad-top-26 {
  padding-top: 26rpx !important;
}

.pad-lf-26 {
  padding-left: 26rpx !important;
}

.pad-rg-26 {
  padding-right: 26rpx !important;
}

.pad-btm-26 {
  padding-bottom: 26rpx !important;
}

.pad-top-btm-26 {
  padding-top: 26rpx !important;
  padding-bottom: 26rpx !important;
}

.pad-lf-rg-26 {
  padding-left: 26rpx !important;
  padding-right: 26rpx !important;
}

.pad-28 {
  padding: 28rpx !important;
}

.pad-top-28 {
  padding-top: 28rpx !important;
}

.pad-lf-28 {
  padding-left: 28rpx !important;
}

.pad-rg-28 {
  padding-right: 28rpx !important;
}

.pad-btm-28 {
  padding-bottom: 28rpx !important;
}

.pad-top-btm-28 {
  padding-top: 28rpx !important;
  padding-bottom: 28rpx !important;
}

.pad-lf-rg-28 {
  padding-left: 28rpx !important;
  padding-right: 28rpx !important;
}

.pad-30 {
  padding: 30rpx !important;
}

.pad-top-30 {
  padding-top: 30rpx !important;
}

.pad-lf-30 {
  padding-left: 30rpx !important;
}

.pad-rg-30 {
  padding-right: 30rpx !important;
}

.pad-btm-30 {
  padding-bottom: 30rpx !important;
}

.pad-top-btm-30 {
  padding-top: 30rpx !important;
  padding-bottom: 30rpx !important;
}

.pad-lf-rg-30 {
  padding-left: 30rpx !important;
  padding-right: 30rpx !important;
}

.pad-32 {
  padding: 32rpx !important;
}

.pad-top-32 {
  padding-top: 32rpx !important;
}

.pad-lf-32 {
  padding-left: 32rpx !important;
}

.pad-rg-32 {
  padding-right: 32rpx !important;
}

.pad-btm-32 {
  padding-bottom: 32rpx !important;
}

.pad-top-btm-32 {
  padding-top: 32rpx !important;
  padding-bottom: 32rpx !important;
}

.pad-lf-rg-32 {
  padding-left: 32rpx !important;
  padding-right: 32rpx !important;
}

.pad-34 {
  padding: 34rpx !important;
}

.pad-top-34 {
  padding-top: 34rpx !important;
}

.pad-lf-34 {
  padding-left: 34rpx !important;
}

.pad-rg-34 {
  padding-right: 34rpx !important;
}

.pad-btm-34 {
  padding-bottom: 34rpx !important;
}

.pad-top-btm-34 {
  padding-top: 34rpx !important;
  padding-bottom: 34rpx !important;
}

.pad-lf-rg-34 {
  padding-left: 34rpx !important;
  padding-right: 34rpx !important;
}

.pad-36 {
  padding: 36rpx !important;
}

.pad-top-36 {
  padding-top: 36rpx !important;
}

.pad-lf-36 {
  padding-left: 36rpx !important;
}

.pad-rg-36 {
  padding-right: 36rpx !important;
}

.pad-btm-36 {
  padding-bottom: 36rpx !important;
}

.pad-top-btm-36 {
  padding-top: 36rpx !important;
  padding-bottom: 36rpx !important;
}

.pad-lf-rg-36 {
  padding-left: 36rpx !important;
  padding-right: 36rpx !important;
}

.pad-38 {
  padding: 38rpx !important;
}

.pad-top-38 {
  padding-top: 38rpx !important;
}

.pad-lf-38 {
  padding-left: 38rpx !important;
}

.pad-rg-38 {
  padding-right: 38rpx !important;
}

.pad-btm-38 {
  padding-bottom: 38rpx !important;
}

.pad-top-btm-38 {
  padding-top: 38rpx !important;
  padding-bottom: 38rpx !important;
}

.pad-lf-rg-38 {
  padding-left: 38rpx !important;
  padding-right: 38rpx !important;
}

.pad-40 {
  padding: 40rpx !important;
}

.pad-top-40 {
  padding-top: 40rpx !important;
}

.pad-lf-40 {
  padding-left: 40rpx !important;
}

.pad-rg-40 {
  padding-right: 40rpx !important;
}

.pad-btm-40 {
  padding-bottom: 40rpx !important;
}

.pad-top-btm-40 {
  padding-top: 40rpx !important;
  padding-bottom: 40rpx !important;
}

.pad-lf-rg-40 {
  padding-left: 40rpx !important;
  padding-right: 40rpx !important;
}