yl-view
Version:
一个基于uniapp的ui框架
2,096 lines (1,443 loc) • 40 kB
CSS
@charset "UTF-8";
/* Transition
-------------------------- */
/* color */
/* fontWeight */
/* borderradius */
/* Transition
-------------------------- */
/* color */
/* fontWeight */
/* borderradius */
.mt-0 {
margin-top: 0rpx; }
.mb-0 {
margin-bottom: 0rpx; }
.ml-0 {
margin-left: 0rpx; }
.mr-0 {
margin-right: 0rpx; }
.pt-0 {
padding-top: 0rpx; }
.pb-0 {
padding-bottom: 0rpx; }
.pl-0 {
padding-left: 0rpx; }
.pr-0 {
padding-right: 0rpx; }
.mx-0 {
margin-left: 0rpx;
margin-right: 0rpx; }
.my-0 {
margin-top: 0rpx;
margin-bottom: 0rpx; }
.px-0 {
padding-left: 0rpx;
padding-right: 0rpx; }
.py-0 {
padding-top: 0rpx;
padding-bottom: 0rpx; }
.p-0 {
padding: 0rpx 0rpx 0rpx 0rpx; }
.m-0 {
margin: 0rpx 0rpx 0rpx 0rpx; }
.mt-4 {
margin-top: 4rpx; }
.mb-4 {
margin-bottom: 4rpx; }
.ml-4 {
margin-left: 4rpx; }
.mr-4 {
margin-right: 4rpx; }
.pt-4 {
padding-top: 4rpx; }
.pb-4 {
padding-bottom: 4rpx; }
.pl-4 {
padding-left: 4rpx; }
.pr-4 {
padding-right: 4rpx; }
.mx-4 {
margin-left: 4rpx;
margin-right: 4rpx; }
.my-4 {
margin-top: 4rpx;
margin-bottom: 4rpx; }
.px-4 {
padding-left: 4rpx;
padding-right: 4rpx; }
.py-4 {
padding-top: 4rpx;
padding-bottom: 4rpx; }
.p-4 {
padding: 4rpx 4rpx 4rpx 4rpx; }
.m-4 {
margin: 4rpx 4rpx 4rpx 4rpx; }
.mt-6 {
margin-top: 6rpx; }
.mb-6 {
margin-bottom: 6rpx; }
.ml-6 {
margin-left: 6rpx; }
.mr-6 {
margin-right: 6rpx; }
.pt-6 {
padding-top: 6rpx; }
.pb-6 {
padding-bottom: 6rpx; }
.pl-6 {
padding-left: 6rpx; }
.pr-6 {
padding-right: 6rpx; }
.mx-6 {
margin-left: 6rpx;
margin-right: 6rpx; }
.my-6 {
margin-top: 6rpx;
margin-bottom: 6rpx; }
.px-6 {
padding-left: 6rpx;
padding-right: 6rpx; }
.py-6 {
padding-top: 6rpx;
padding-bottom: 6rpx; }
.p-6 {
padding: 6rpx 6rpx 6rpx 6rpx; }
.m-6 {
margin: 6rpx 6rpx 6rpx 6rpx; }
.mt-8 {
margin-top: 8rpx; }
.mb-8 {
margin-bottom: 8rpx; }
.ml-8 {
margin-left: 8rpx; }
.mr-8 {
margin-right: 8rpx; }
.pt-8 {
padding-top: 8rpx; }
.pb-8 {
padding-bottom: 8rpx; }
.pl-8 {
padding-left: 8rpx; }
.pr-8 {
padding-right: 8rpx; }
.mx-8 {
margin-left: 8rpx;
margin-right: 8rpx; }
.my-8 {
margin-top: 8rpx;
margin-bottom: 8rpx; }
.px-8 {
padding-left: 8rpx;
padding-right: 8rpx; }
.py-8 {
padding-top: 8rpx;
padding-bottom: 8rpx; }
.p-8 {
padding: 8rpx 8rpx 8rpx 8rpx; }
.m-8 {
margin: 8rpx 8rpx 8rpx 8rpx; }
.mt-10 {
margin-top: 10rpx; }
.mb-10 {
margin-bottom: 10rpx; }
.ml-10 {
margin-left: 10rpx; }
.mr-10 {
margin-right: 10rpx; }
.pt-10 {
padding-top: 10rpx; }
.pb-10 {
padding-bottom: 10rpx; }
.pl-10 {
padding-left: 10rpx; }
.pr-10 {
padding-right: 10rpx; }
.mx-10 {
margin-left: 10rpx;
margin-right: 10rpx; }
.my-10 {
margin-top: 10rpx;
margin-bottom: 10rpx; }
.px-10 {
padding-left: 10rpx;
padding-right: 10rpx; }
.py-10 {
padding-top: 10rpx;
padding-bottom: 10rpx; }
.p-10 {
padding: 10rpx 10rpx 10rpx 10rpx; }
.m-10 {
margin: 10rpx 10rpx 10rpx 10rpx; }
.mt-16 {
margin-top: 16rpx; }
.mb-16 {
margin-bottom: 16rpx; }
.ml-16 {
margin-left: 16rpx; }
.mr-16 {
margin-right: 16rpx; }
.pt-16 {
padding-top: 16rpx; }
.pb-16 {
padding-bottom: 16rpx; }
.pl-16 {
padding-left: 16rpx; }
.pr-16 {
padding-right: 16rpx; }
.mx-16 {
margin-left: 16rpx;
margin-right: 16rpx; }
.my-16 {
margin-top: 16rpx;
margin-bottom: 16rpx; }
.px-16 {
padding-left: 16rpx;
padding-right: 16rpx; }
.py-16 {
padding-top: 16rpx;
padding-bottom: 16rpx; }
.p-16 {
padding: 16rpx 16rpx 16rpx 16rpx; }
.m-16 {
margin: 16rpx 16rpx 16rpx 16rpx; }
.mt-20 {
margin-top: 20rpx; }
.mb-20 {
margin-bottom: 20rpx; }
.ml-20 {
margin-left: 20rpx; }
.mr-20 {
margin-right: 20rpx; }
.pt-20 {
padding-top: 20rpx; }
.pb-20 {
padding-bottom: 20rpx; }
.pl-20 {
padding-left: 20rpx; }
.pr-20 {
padding-right: 20rpx; }
.mx-20 {
margin-left: 20rpx;
margin-right: 20rpx; }
.my-20 {
margin-top: 20rpx;
margin-bottom: 20rpx; }
.px-20 {
padding-left: 20rpx;
padding-right: 20rpx; }
.py-20 {
padding-top: 20rpx;
padding-bottom: 20rpx; }
.p-20 {
padding: 20rpx 20rpx 20rpx 20rpx; }
.m-20 {
margin: 20rpx 20rpx 20rpx 20rpx; }
.mt-24 {
margin-top: 24rpx; }
.mb-24 {
margin-bottom: 24rpx; }
.ml-24 {
margin-left: 24rpx; }
.mr-24 {
margin-right: 24rpx; }
.pt-24 {
padding-top: 24rpx; }
.pb-24 {
padding-bottom: 24rpx; }
.pl-24 {
padding-left: 24rpx; }
.pr-24 {
padding-right: 24rpx; }
.mx-24 {
margin-left: 24rpx;
margin-right: 24rpx; }
.my-24 {
margin-top: 24rpx;
margin-bottom: 24rpx; }
.px-24 {
padding-left: 24rpx;
padding-right: 24rpx; }
.py-24 {
padding-top: 24rpx;
padding-bottom: 24rpx; }
.p-24 {
padding: 24rpx 24rpx 24rpx 24rpx; }
.m-24 {
margin: 24rpx 24rpx 24rpx 24rpx; }
.mt-30 {
margin-top: 30rpx; }
.mb-30 {
margin-bottom: 30rpx; }
.ml-30 {
margin-left: 30rpx; }
.mr-30 {
margin-right: 30rpx; }
.pt-30 {
padding-top: 30rpx; }
.pb-30 {
padding-bottom: 30rpx; }
.pl-30 {
padding-left: 30rpx; }
.pr-30 {
padding-right: 30rpx; }
.mx-30 {
margin-left: 30rpx;
margin-right: 30rpx; }
.my-30 {
margin-top: 30rpx;
margin-bottom: 30rpx; }
.px-30 {
padding-left: 30rpx;
padding-right: 30rpx; }
.py-30 {
padding-top: 30rpx;
padding-bottom: 30rpx; }
.p-30 {
padding: 30rpx 30rpx 30rpx 30rpx; }
.m-30 {
margin: 30rpx 30rpx 30rpx 30rpx; }
.mt-32 {
margin-top: 32rpx; }
.mb-32 {
margin-bottom: 32rpx; }
.ml-32 {
margin-left: 32rpx; }
.mr-32 {
margin-right: 32rpx; }
.pt-32 {
padding-top: 32rpx; }
.pb-32 {
padding-bottom: 32rpx; }
.pl-32 {
padding-left: 32rpx; }
.pr-32 {
padding-right: 32rpx; }
.mx-32 {
margin-left: 32rpx;
margin-right: 32rpx; }
.my-32 {
margin-top: 32rpx;
margin-bottom: 32rpx; }
.px-32 {
padding-left: 32rpx;
padding-right: 32rpx; }
.py-32 {
padding-top: 32rpx;
padding-bottom: 32rpx; }
.p-32 {
padding: 32rpx 32rpx 32rpx 32rpx; }
.m-32 {
margin: 32rpx 32rpx 32rpx 32rpx; }
.mt-40 {
margin-top: 40rpx; }
.mb-40 {
margin-bottom: 40rpx; }
.ml-40 {
margin-left: 40rpx; }
.mr-40 {
margin-right: 40rpx; }
.pt-40 {
padding-top: 40rpx; }
.pb-40 {
padding-bottom: 40rpx; }
.pl-40 {
padding-left: 40rpx; }
.pr-40 {
padding-right: 40rpx; }
.mx-40 {
margin-left: 40rpx;
margin-right: 40rpx; }
.my-40 {
margin-top: 40rpx;
margin-bottom: 40rpx; }
.px-40 {
padding-left: 40rpx;
padding-right: 40rpx; }
.py-40 {
padding-top: 40rpx;
padding-bottom: 40rpx; }
.p-40 {
padding: 40rpx 40rpx 40rpx 40rpx; }
.m-40 {
margin: 40rpx 40rpx 40rpx 40rpx; }
.mt-48 {
margin-top: 48rpx; }
.mb-48 {
margin-bottom: 48rpx; }
.ml-48 {
margin-left: 48rpx; }
.mr-48 {
margin-right: 48rpx; }
.pt-48 {
padding-top: 48rpx; }
.pb-48 {
padding-bottom: 48rpx; }
.pl-48 {
padding-left: 48rpx; }
.pr-48 {
padding-right: 48rpx; }
.mx-48 {
margin-left: 48rpx;
margin-right: 48rpx; }
.my-48 {
margin-top: 48rpx;
margin-bottom: 48rpx; }
.px-48 {
padding-left: 48rpx;
padding-right: 48rpx; }
.py-48 {
padding-top: 48rpx;
padding-bottom: 48rpx; }
.p-48 {
padding: 48rpx 48rpx 48rpx 48rpx; }
.m-48 {
margin: 48rpx 48rpx 48rpx 48rpx; }
.mt-50 {
margin-top: 50rpx; }
.mb-50 {
margin-bottom: 50rpx; }
.ml-50 {
margin-left: 50rpx; }
.mr-50 {
margin-right: 50rpx; }
.pt-50 {
padding-top: 50rpx; }
.pb-50 {
padding-bottom: 50rpx; }
.pl-50 {
padding-left: 50rpx; }
.pr-50 {
padding-right: 50rpx; }
.mx-50 {
margin-left: 50rpx;
margin-right: 50rpx; }
.my-50 {
margin-top: 50rpx;
margin-bottom: 50rpx; }
.px-50 {
padding-left: 50rpx;
padding-right: 50rpx; }
.py-50 {
padding-top: 50rpx;
padding-bottom: 50rpx; }
.p-50 {
padding: 50rpx 50rpx 50rpx 50rpx; }
.m-50 {
margin: 50rpx 50rpx 50rpx 50rpx; }
.font-16 {
font-size: 16rpx; }
.font-20 {
font-size: 20rpx; }
.font-24 {
font-size: 24rpx; }
.font-28 {
font-size: 28rpx; }
.font-30 {
font-size: 30rpx; }
.font-32 {
font-size: 32rpx; }
.font-36 {
font-size: 36rpx; }
.font-40 {
font-size: 40rpx; }
.font-48 {
font-size: 48rpx; }
.flex-row {
flex-direction: row; }
.flex-column {
flex-direction: column; }
.flex-row-reverse {
flex-direction: row-reverse; }
.flex-column-reverse {
flex-direction: column-reverse; }
.flex-wrap {
flex-wrap: wrap; }
.flex-nowrap {
flex-wrap: nowrap; }
.justify-start {
justify-content: flex-start; }
.justify-around {
justify-content: space-around; }
.justify-end {
justify-content: flex-end; }
.justify-between {
justify-content: space-between; }
.justify-center {
justify-content: center; }
.content-start {
align-content: flex-start; }
.content-around {
align-content: space-around; }
.content-end {
align-content: flex-end; }
.content-between {
align-content: space-between; }
.content-center {
align-content: center; }
.align-center {
align-items: center; }
.align-stretch {
align-items: stretch; }
.align-start {
align-items: flex-start; }
.align-end {
align-items: flex-end; }
.border-color-primary {
border: solid 2rpx #3c9cff; }
.border-top-color-primary {
border-top: solid 2rpx #3c9cff; }
.border-right-color-primary {
border-right: solid 2rpx #3c9cff; }
.border-bottom-color-primary {
border-bottom: solid 2rpx #3c9cff; }
.border-left-color-primary {
border-left: solid 2rpx #3c9cff; }
.border-color-primary-dark {
border: solid 2rpx #398ade; }
.border-top-color-primary-dark {
border-top: solid 2rpx #398ade; }
.border-right-color-primary-dark {
border-right: solid 2rpx #398ade; }
.border-bottom-color-primary-dark {
border-bottom: solid 2rpx #398ade; }
.border-left-color-primary-dark {
border-left: solid 2rpx #398ade; }
.border-color-primary-light {
border: solid 2rpx #ecf5ff; }
.border-top-color-primary-light {
border-top: solid 2rpx #ecf5ff; }
.border-right-color-primary-light {
border-right: solid 2rpx #ecf5ff; }
.border-bottom-color-primary-light {
border-bottom: solid 2rpx #ecf5ff; }
.border-left-color-primary-light {
border-left: solid 2rpx #ecf5ff; }
.border-color-primary-disabled {
border: solid 2rpx #9acafc; }
.border-top-color-primary-disabled {
border-top: solid 2rpx #9acafc; }
.border-right-color-primary-disabled {
border-right: solid 2rpx #9acafc; }
.border-bottom-color-primary-disabled {
border-bottom: solid 2rpx #9acafc; }
.border-left-color-primary-disabled {
border-left: solid 2rpx #9acafc; }
.border-color-warning {
border: solid 2rpx #f9ae3d; }
.border-top-color-warning {
border-top: solid 2rpx #f9ae3d; }
.border-right-color-warning {
border-right: solid 2rpx #f9ae3d; }
.border-bottom-color-warning {
border-bottom: solid 2rpx #f9ae3d; }
.border-left-color-warning {
border-left: solid 2rpx #f9ae3d; }
.border-color-warning-dark {
border: solid 2rpx #f1a532; }
.border-top-color-warning-dark {
border-top: solid 2rpx #f1a532; }
.border-right-color-warning-dark {
border-right: solid 2rpx #f1a532; }
.border-bottom-color-warning-dark {
border-bottom: solid 2rpx #f1a532; }
.border-left-color-warning-dark {
border-left: solid 2rpx #f1a532; }
.border-color-warning-light {
border: solid 2rpx #fdf6ec; }
.border-top-color-warning-light {
border-top: solid 2rpx #fdf6ec; }
.border-right-color-warning-light {
border-right: solid 2rpx #fdf6ec; }
.border-bottom-color-warning-light {
border-bottom: solid 2rpx #fdf6ec; }
.border-left-color-warning-light {
border-left: solid 2rpx #fdf6ec; }
.border-color-warning-disabled {
border: solid 2rpx #f9d39b; }
.border-top-color-warning-disabled {
border-top: solid 2rpx #f9d39b; }
.border-right-color-warning-disabled {
border-right: solid 2rpx #f9d39b; }
.border-bottom-color-warning-disabled {
border-bottom: solid 2rpx #f9d39b; }
.border-left-color-warning-disabled {
border-left: solid 2rpx #f9d39b; }
.border-color-success {
border: solid 2rpx #5ac725; }
.border-top-color-success {
border-top: solid 2rpx #5ac725; }
.border-right-color-success {
border-right: solid 2rpx #5ac725; }
.border-bottom-color-success {
border-bottom: solid 2rpx #5ac725; }
.border-left-color-success {
border-left: solid 2rpx #5ac725; }
.border-color-success-dark {
border: solid 2rpx #53c21d; }
.border-top-color-success-dark {
border-top: solid 2rpx #53c21d; }
.border-right-color-success-dark {
border-right: solid 2rpx #53c21d; }
.border-bottom-color-success-dark {
border-bottom: solid 2rpx #53c21d; }
.border-left-color-success-dark {
border-left: solid 2rpx #53c21d; }
.border-color-success-light {
border: solid 2rpx #f5fff0; }
.border-top-color-success-light {
border-top: solid 2rpx #f5fff0; }
.border-right-color-success-light {
border-right: solid 2rpx #f5fff0; }
.border-bottom-color-success-light {
border-bottom: solid 2rpx #f5fff0; }
.border-left-color-success-light {
border-left: solid 2rpx #f5fff0; }
.border-color-success-disabled {
border: solid 2rpx #a9e08f; }
.border-top-color-success-disabled {
border-top: solid 2rpx #a9e08f; }
.border-right-color-success-disabled {
border-right: solid 2rpx #a9e08f; }
.border-bottom-color-success-disabled {
border-bottom: solid 2rpx #a9e08f; }
.border-left-color-success-disabled {
border-left: solid 2rpx #a9e08f; }
.border-color-error {
border: solid 2rpx #f56c6c; }
.border-top-color-error {
border-top: solid 2rpx #f56c6c; }
.border-right-color-error {
border-right: solid 2rpx #f56c6c; }
.border-bottom-color-error {
border-bottom: solid 2rpx #f56c6c; }
.border-left-color-error {
border-left: solid 2rpx #f56c6c; }
.border-color-error-dark {
border: solid 2rpx #e45656; }
.border-top-color-error-dark {
border-top: solid 2rpx #e45656; }
.border-right-color-error-dark {
border-right: solid 2rpx #e45656; }
.border-bottom-color-error-dark {
border-bottom: solid 2rpx #e45656; }
.border-left-color-error-dark {
border-left: solid 2rpx #e45656; }
.border-color-error-light {
border: solid 2rpx #fef0f0; }
.border-top-color-error-light {
border-top: solid 2rpx #fef0f0; }
.border-right-color-error-light {
border-right: solid 2rpx #fef0f0; }
.border-bottom-color-error-light {
border-bottom: solid 2rpx #fef0f0; }
.border-left-color-error-light {
border-left: solid 2rpx #fef0f0; }
.border-color-error-disabled {
border: solid 2rpx #f7b2b2; }
.border-top-color-error-disabled {
border-top: solid 2rpx #f7b2b2; }
.border-right-color-error-disabled {
border-right: solid 2rpx #f7b2b2; }
.border-bottom-color-error-disabled {
border-bottom: solid 2rpx #f7b2b2; }
.border-left-color-error-disabled {
border-left: solid 2rpx #f7b2b2; }
.border-color-info {
border: solid 2rpx #909399; }
.border-top-color-info {
border-top: solid 2rpx #909399; }
.border-right-color-info {
border-right: solid 2rpx #909399; }
.border-bottom-color-info {
border-bottom: solid 2rpx #909399; }
.border-left-color-info {
border-left: solid 2rpx #909399; }
.border-color-info-dark {
border: solid 2rpx #767a82; }
.border-top-color-info-dark {
border-top: solid 2rpx #767a82; }
.border-right-color-info-dark {
border-right: solid 2rpx #767a82; }
.border-bottom-color-info-dark {
border-bottom: solid 2rpx #767a82; }
.border-left-color-info-dark {
border-left: solid 2rpx #767a82; }
.border-color-info-light {
border: solid 2rpx #f4f4f5; }
.border-top-color-info-light {
border-top: solid 2rpx #f4f4f5; }
.border-right-color-info-light {
border-right: solid 2rpx #f4f4f5; }
.border-bottom-color-info-light {
border-bottom: solid 2rpx #f4f4f5; }
.border-left-color-info-light {
border-left: solid 2rpx #f4f4f5; }
.border-color-info-disabled {
border: solid 2rpx #c4c6c9; }
.border-top-color-info-disabled {
border-top: solid 2rpx #c4c6c9; }
.border-right-color-info-disabled {
border-right: solid 2rpx #c4c6c9; }
.border-bottom-color-info-disabled {
border-bottom: solid 2rpx #c4c6c9; }
.border-left-color-info-disabled {
border-left: solid 2rpx #c4c6c9; }
.border-dashed-color-primary {
border: dashed 2rpx #3c9cff; }
.border-dashed-top-color-primary {
border-top: dashed 2rpx #3c9cff; }
.border-dashed-right-color-primary {
border-right: dashed 2rpx #3c9cff; }
.border-dashed-bottom-color-primary {
border-bottom: dashed 2rpx #3c9cff; }
.border-dashed-left-color-primary {
border-left: dashed 2rpx #3c9cff; }
.border-dashed-color-primary-dark {
border: dashed 2rpx #398ade; }
.border-dashed-top-color-primary-dark {
border-top: dashed 2rpx #398ade; }
.border-dashed-right-color-primary-dark {
border-right: dashed 2rpx #398ade; }
.border-dashed-bottom-color-primary-dark {
border-bottom: dashed 2rpx #398ade; }
.border-dashed-left-color-primary-dark {
border-left: dashed 2rpx #398ade; }
.border-dashed-color-primary-light {
border: dashed 2rpx #ecf5ff; }
.border-dashed-top-color-primary-light {
border-top: dashed 2rpx #ecf5ff; }
.border-dashed-right-color-primary-light {
border-right: dashed 2rpx #ecf5ff; }
.border-dashed-bottom-color-primary-light {
border-bottom: dashed 2rpx #ecf5ff; }
.border-dashed-left-color-primary-light {
border-left: dashed 2rpx #ecf5ff; }
.border-dashed-color-primary-disabled {
border: dashed 2rpx #9acafc; }
.border-dashed-top-color-primary-disabled {
border-top: dashed 2rpx #9acafc; }
.border-dashed-right-color-primary-disabled {
border-right: dashed 2rpx #9acafc; }
.border-dashed-bottom-color-primary-disabled {
border-bottom: dashed 2rpx #9acafc; }
.border-dashed-left-color-primary-disabled {
border-left: dashed 2rpx #9acafc; }
.border-dashed-color-warning {
border: dashed 2rpx #f9ae3d; }
.border-dashed-top-color-warning {
border-top: dashed 2rpx #f9ae3d; }
.border-dashed-right-color-warning {
border-right: dashed 2rpx #f9ae3d; }
.border-dashed-bottom-color-warning {
border-bottom: dashed 2rpx #f9ae3d; }
.border-dashed-left-color-warning {
border-left: dashed 2rpx #f9ae3d; }
.border-dashed-color-warning-dark {
border: dashed 2rpx #f1a532; }
.border-dashed-top-color-warning-dark {
border-top: dashed 2rpx #f1a532; }
.border-dashed-right-color-warning-dark {
border-right: dashed 2rpx #f1a532; }
.border-dashed-bottom-color-warning-dark {
border-bottom: dashed 2rpx #f1a532; }
.border-dashed-left-color-warning-dark {
border-left: dashed 2rpx #f1a532; }
.border-dashed-color-warning-light {
border: dashed 2rpx #fdf6ec; }
.border-dashed-top-color-warning-light {
border-top: dashed 2rpx #fdf6ec; }
.border-dashed-right-color-warning-light {
border-right: dashed 2rpx #fdf6ec; }
.border-dashed-bottom-color-warning-light {
border-bottom: dashed 2rpx #fdf6ec; }
.border-dashed-left-color-warning-light {
border-left: dashed 2rpx #fdf6ec; }
.border-dashed-color-warning-disabled {
border: dashed 2rpx #f9d39b; }
.border-dashed-top-color-warning-disabled {
border-top: dashed 2rpx #f9d39b; }
.border-dashed-right-color-warning-disabled {
border-right: dashed 2rpx #f9d39b; }
.border-dashed-bottom-color-warning-disabled {
border-bottom: dashed 2rpx #f9d39b; }
.border-dashed-left-color-warning-disabled {
border-left: dashed 2rpx #f9d39b; }
.border-dashed-color-success {
border: dashed 2rpx #5ac725; }
.border-dashed-top-color-success {
border-top: dashed 2rpx #5ac725; }
.border-dashed-right-color-success {
border-right: dashed 2rpx #5ac725; }
.border-dashed-bottom-color-success {
border-bottom: dashed 2rpx #5ac725; }
.border-dashed-left-color-success {
border-left: dashed 2rpx #5ac725; }
.border-dashed-color-success-dark {
border: dashed 2rpx #53c21d; }
.border-dashed-top-color-success-dark {
border-top: dashed 2rpx #53c21d; }
.border-dashed-right-color-success-dark {
border-right: dashed 2rpx #53c21d; }
.border-dashed-bottom-color-success-dark {
border-bottom: dashed 2rpx #53c21d; }
.border-dashed-left-color-success-dark {
border-left: dashed 2rpx #53c21d; }
.border-dashed-color-success-light {
border: dashed 2rpx #f5fff0; }
.border-dashed-top-color-success-light {
border-top: dashed 2rpx #f5fff0; }
.border-dashed-right-color-success-light {
border-right: dashed 2rpx #f5fff0; }
.border-dashed-bottom-color-success-light {
border-bottom: dashed 2rpx #f5fff0; }
.border-dashed-left-color-success-light {
border-left: dashed 2rpx #f5fff0; }
.border-dashed-color-success-disabled {
border: dashed 2rpx #a9e08f; }
.border-dashed-top-color-success-disabled {
border-top: dashed 2rpx #a9e08f; }
.border-dashed-right-color-success-disabled {
border-right: dashed 2rpx #a9e08f; }
.border-dashed-bottom-color-success-disabled {
border-bottom: dashed 2rpx #a9e08f; }
.border-dashed-left-color-success-disabled {
border-left: dashed 2rpx #a9e08f; }
.border-dashed-color-error {
border: dashed 2rpx #f56c6c; }
.border-dashed-top-color-error {
border-top: dashed 2rpx #f56c6c; }
.border-dashed-right-color-error {
border-right: dashed 2rpx #f56c6c; }
.border-dashed-bottom-color-error {
border-bottom: dashed 2rpx #f56c6c; }
.border-dashed-left-color-error {
border-left: dashed 2rpx #f56c6c; }
.border-dashed-color-error-dark {
border: dashed 2rpx #e45656; }
.border-dashed-top-color-error-dark {
border-top: dashed 2rpx #e45656; }
.border-dashed-right-color-error-dark {
border-right: dashed 2rpx #e45656; }
.border-dashed-bottom-color-error-dark {
border-bottom: dashed 2rpx #e45656; }
.border-dashed-left-color-error-dark {
border-left: dashed 2rpx #e45656; }
.border-dashed-color-error-light {
border: dashed 2rpx #fef0f0; }
.border-dashed-top-color-error-light {
border-top: dashed 2rpx #fef0f0; }
.border-dashed-right-color-error-light {
border-right: dashed 2rpx #fef0f0; }
.border-dashed-bottom-color-error-light {
border-bottom: dashed 2rpx #fef0f0; }
.border-dashed-left-color-error-light {
border-left: dashed 2rpx #fef0f0; }
.border-dashed-color-error-disabled {
border: dashed 2rpx #f7b2b2; }
.border-dashed-top-color-error-disabled {
border-top: dashed 2rpx #f7b2b2; }
.border-dashed-right-color-error-disabled {
border-right: dashed 2rpx #f7b2b2; }
.border-dashed-bottom-color-error-disabled {
border-bottom: dashed 2rpx #f7b2b2; }
.border-dashed-left-color-error-disabled {
border-left: dashed 2rpx #f7b2b2; }
.border-dashed-color-info {
border: dashed 2rpx #909399; }
.border-dashed-top-color-info {
border-top: dashed 2rpx #909399; }
.border-dashed-right-color-info {
border-right: dashed 2rpx #909399; }
.border-dashed-bottom-color-info {
border-bottom: dashed 2rpx #909399; }
.border-dashed-left-color-info {
border-left: dashed 2rpx #909399; }
.border-dashed-color-info-dark {
border: dashed 2rpx #767a82; }
.border-dashed-top-color-info-dark {
border-top: dashed 2rpx #767a82; }
.border-dashed-right-color-info-dark {
border-right: dashed 2rpx #767a82; }
.border-dashed-bottom-color-info-dark {
border-bottom: dashed 2rpx #767a82; }
.border-dashed-left-color-info-dark {
border-left: dashed 2rpx #767a82; }
.border-dashed-color-info-light {
border: dashed 2rpx #f4f4f5; }
.border-dashed-top-color-info-light {
border-top: dashed 2rpx #f4f4f5; }
.border-dashed-right-color-info-light {
border-right: dashed 2rpx #f4f4f5; }
.border-dashed-bottom-color-info-light {
border-bottom: dashed 2rpx #f4f4f5; }
.border-dashed-left-color-info-light {
border-left: dashed 2rpx #f4f4f5; }
.border-dashed-color-info-disabled {
border: dashed 2rpx #c4c6c9; }
.border-dashed-top-color-info-disabled {
border-top: dashed 2rpx #c4c6c9; }
.border-dashed-right-color-info-disabled {
border-right: dashed 2rpx #c4c6c9; }
.border-dashed-bottom-color-info-disabled {
border-bottom: dashed 2rpx #c4c6c9; }
.border-dashed-left-color-info-disabled {
border-left: dashed 2rpx #c4c6c9; }
.border-dotted-color-primary {
border: dotted 2rpx #3c9cff; }
.border-dotted-top-color-primary {
border-top: dotted 2rpx #3c9cff; }
.border-dotted-right-color-primary {
border-right: dotted 2rpx #3c9cff; }
.border-dotted-bottom-color-primary {
border-bottom: dotted 2rpx #3c9cff; }
.border-dotted-left-color-primary {
border-left: dotted 2rpx #3c9cff; }
.border-dotted-color-primary-dark {
border: dotted 2rpx #398ade; }
.border-dotted-top-color-primary-dark {
border-top: dotted 2rpx #398ade; }
.border-dotted-right-color-primary-dark {
border-right: dotted 2rpx #398ade; }
.border-dotted-bottom-color-primary-dark {
border-bottom: dotted 2rpx #398ade; }
.border-dotted-left-color-primary-dark {
border-left: dotted 2rpx #398ade; }
.border-dotted-color-primary-light {
border: dotted 2rpx #ecf5ff; }
.border-dotted-top-color-primary-light {
border-top: dotted 2rpx #ecf5ff; }
.border-dotted-right-color-primary-light {
border-right: dotted 2rpx #ecf5ff; }
.border-dotted-bottom-color-primary-light {
border-bottom: dotted 2rpx #ecf5ff; }
.border-dotted-left-color-primary-light {
border-left: dotted 2rpx #ecf5ff; }
.border-dotted-color-primary-disabled {
border: dotted 2rpx #9acafc; }
.border-dotted-top-color-primary-disabled {
border-top: dotted 2rpx #9acafc; }
.border-dotted-right-color-primary-disabled {
border-right: dotted 2rpx #9acafc; }
.border-dotted-bottom-color-primary-disabled {
border-bottom: dotted 2rpx #9acafc; }
.border-dotted-left-color-primary-disabled {
border-left: dotted 2rpx #9acafc; }
.border-dotted-color-warning {
border: dotted 2rpx #f9ae3d; }
.border-dotted-top-color-warning {
border-top: dotted 2rpx #f9ae3d; }
.border-dotted-right-color-warning {
border-right: dotted 2rpx #f9ae3d; }
.border-dotted-bottom-color-warning {
border-bottom: dotted 2rpx #f9ae3d; }
.border-dotted-left-color-warning {
border-left: dotted 2rpx #f9ae3d; }
.border-dotted-color-warning-dark {
border: dotted 2rpx #f1a532; }
.border-dotted-top-color-warning-dark {
border-top: dotted 2rpx #f1a532; }
.border-dotted-right-color-warning-dark {
border-right: dotted 2rpx #f1a532; }
.border-dotted-bottom-color-warning-dark {
border-bottom: dotted 2rpx #f1a532; }
.border-dotted-left-color-warning-dark {
border-left: dotted 2rpx #f1a532; }
.border-dotted-color-warning-light {
border: dotted 2rpx #fdf6ec; }
.border-dotted-top-color-warning-light {
border-top: dotted 2rpx #fdf6ec; }
.border-dotted-right-color-warning-light {
border-right: dotted 2rpx #fdf6ec; }
.border-dotted-bottom-color-warning-light {
border-bottom: dotted 2rpx #fdf6ec; }
.border-dotted-left-color-warning-light {
border-left: dotted 2rpx #fdf6ec; }
.border-dotted-color-warning-disabled {
border: dotted 2rpx #f9d39b; }
.border-dotted-top-color-warning-disabled {
border-top: dotted 2rpx #f9d39b; }
.border-dotted-right-color-warning-disabled {
border-right: dotted 2rpx #f9d39b; }
.border-dotted-bottom-color-warning-disabled {
border-bottom: dotted 2rpx #f9d39b; }
.border-dotted-left-color-warning-disabled {
border-left: dotted 2rpx #f9d39b; }
.border-dotted-color-success {
border: dotted 2rpx #5ac725; }
.border-dotted-top-color-success {
border-top: dotted 2rpx #5ac725; }
.border-dotted-right-color-success {
border-right: dotted 2rpx #5ac725; }
.border-dotted-bottom-color-success {
border-bottom: dotted 2rpx #5ac725; }
.border-dotted-left-color-success {
border-left: dotted 2rpx #5ac725; }
.border-dotted-color-success-dark {
border: dotted 2rpx #53c21d; }
.border-dotted-top-color-success-dark {
border-top: dotted 2rpx #53c21d; }
.border-dotted-right-color-success-dark {
border-right: dotted 2rpx #53c21d; }
.border-dotted-bottom-color-success-dark {
border-bottom: dotted 2rpx #53c21d; }
.border-dotted-left-color-success-dark {
border-left: dotted 2rpx #53c21d; }
.border-dotted-color-success-light {
border: dotted 2rpx #f5fff0; }
.border-dotted-top-color-success-light {
border-top: dotted 2rpx #f5fff0; }
.border-dotted-right-color-success-light {
border-right: dotted 2rpx #f5fff0; }
.border-dotted-bottom-color-success-light {
border-bottom: dotted 2rpx #f5fff0; }
.border-dotted-left-color-success-light {
border-left: dotted 2rpx #f5fff0; }
.border-dotted-color-success-disabled {
border: dotted 2rpx #a9e08f; }
.border-dotted-top-color-success-disabled {
border-top: dotted 2rpx #a9e08f; }
.border-dotted-right-color-success-disabled {
border-right: dotted 2rpx #a9e08f; }
.border-dotted-bottom-color-success-disabled {
border-bottom: dotted 2rpx #a9e08f; }
.border-dotted-left-color-success-disabled {
border-left: dotted 2rpx #a9e08f; }
.border-dotted-color-error {
border: dotted 2rpx #f56c6c; }
.border-dotted-top-color-error {
border-top: dotted 2rpx #f56c6c; }
.border-dotted-right-color-error {
border-right: dotted 2rpx #f56c6c; }
.border-dotted-bottom-color-error {
border-bottom: dotted 2rpx #f56c6c; }
.border-dotted-left-color-error {
border-left: dotted 2rpx #f56c6c; }
.border-dotted-color-error-dark {
border: dotted 2rpx #e45656; }
.border-dotted-top-color-error-dark {
border-top: dotted 2rpx #e45656; }
.border-dotted-right-color-error-dark {
border-right: dotted 2rpx #e45656; }
.border-dotted-bottom-color-error-dark {
border-bottom: dotted 2rpx #e45656; }
.border-dotted-left-color-error-dark {
border-left: dotted 2rpx #e45656; }
.border-dotted-color-error-light {
border: dotted 2rpx #fef0f0; }
.border-dotted-top-color-error-light {
border-top: dotted 2rpx #fef0f0; }
.border-dotted-right-color-error-light {
border-right: dotted 2rpx #fef0f0; }
.border-dotted-bottom-color-error-light {
border-bottom: dotted 2rpx #fef0f0; }
.border-dotted-left-color-error-light {
border-left: dotted 2rpx #fef0f0; }
.border-dotted-color-error-disabled {
border: dotted 2rpx #f7b2b2; }
.border-dotted-top-color-error-disabled {
border-top: dotted 2rpx #f7b2b2; }
.border-dotted-right-color-error-disabled {
border-right: dotted 2rpx #f7b2b2; }
.border-dotted-bottom-color-error-disabled {
border-bottom: dotted 2rpx #f7b2b2; }
.border-dotted-left-color-error-disabled {
border-left: dotted 2rpx #f7b2b2; }
.border-dotted-color-info {
border: dotted 2rpx #909399; }
.border-dotted-top-color-info {
border-top: dotted 2rpx #909399; }
.border-dotted-right-color-info {
border-right: dotted 2rpx #909399; }
.border-dotted-bottom-color-info {
border-bottom: dotted 2rpx #909399; }
.border-dotted-left-color-info {
border-left: dotted 2rpx #909399; }
.border-dotted-color-info-dark {
border: dotted 2rpx #767a82; }
.border-dotted-top-color-info-dark {
border-top: dotted 2rpx #767a82; }
.border-dotted-right-color-info-dark {
border-right: dotted 2rpx #767a82; }
.border-dotted-bottom-color-info-dark {
border-bottom: dotted 2rpx #767a82; }
.border-dotted-left-color-info-dark {
border-left: dotted 2rpx #767a82; }
.border-dotted-color-info-light {
border: dotted 2rpx #f4f4f5; }
.border-dotted-top-color-info-light {
border-top: dotted 2rpx #f4f4f5; }
.border-dotted-right-color-info-light {
border-right: dotted 2rpx #f4f4f5; }
.border-dotted-bottom-color-info-light {
border-bottom: dotted 2rpx #f4f4f5; }
.border-dotted-left-color-info-light {
border-left: dotted 2rpx #f4f4f5; }
.border-dotted-color-info-disabled {
border: dotted 2rpx #c4c6c9; }
.border-dotted-top-color-info-disabled {
border-top: dotted 2rpx #c4c6c9; }
.border-dotted-right-color-info-disabled {
border-right: dotted 2rpx #c4c6c9; }
.border-dotted-bottom-color-info-disabled {
border-bottom: dotted 2rpx #c4c6c9; }
.border-dotted-left-color-info-disabled {
border-left: dotted 2rpx #c4c6c9; }
.border-top-left-radius-base {
border-top-left-radius: 8rpx; }
.border-top-left-radius-small {
border-top-left-radius: 4rpx; }
.border-top-left-radius-zero {
border-top-left-radius: 0; }
.border-top-right-radius-base {
border-top-right-radius: 8rpx; }
.border-top-right-radius-small {
border-top-right-radius: 4rpx; }
.border-top-right-radius-zero {
border-top-right-radius: 0; }
.border-bottom-left-radius-base {
border-bottom-left-radius: 8rpx; }
.border-bottom-left-radius-small {
border-bottom-left-radius: 4rpx; }
.border-bottom-left-radius-zero {
border-bottom-left-radius: 0; }
.border-bottom-right-radius-base {
border-bottom-right-radius: 8rpx; }
.border-bottom-right-radius-small {
border-bottom-right-radius: 4rpx; }
.border-bottom-right-radius-zero {
border-bottom-right-radius: 0; }
.yl-primary-light {
color: #ecf5ff; }
.yl-warning-light {
color: #fdf6ec; }
.yl-success-light {
color: #f5fff0; }
.yl-error-light {
color: #fef0f0; }
.yl-info-light {
color: #f4f4f5; }
.yl-primary-light-bg {
background-color: #ecf5ff; }
.yl-warning-light-bg {
background-color: #fdf6ec; }
.yl-success-light-bg {
background-color: #f5fff0; }
.yl-error-light-bg {
background-color: #fef0f0; }
.yl-info-light-bg {
background-color: #f4f4f5; }
.yl-primary-dark {
color: #398ade; }
.yl-warning-dark {
color: #f1a532; }
.yl-success-dark {
color: #53c21d; }
.yl-error-dark {
color: #e45656; }
.yl-info-dark {
color: #767a82; }
.yl-primary-dark-bg {
background-color: #398ade; }
.yl-warning-dark-bg {
background-color: #f1a532; }
.yl-success-dark-bg {
background-color: #53c21d; }
.yl-error-dark-bg {
background-color: #e45656; }
.yl-info-dark-bg {
background-color: #767a82; }
.yl-primary-disabled {
color: #9acafc; }
.yl-warning-disabled {
color: #f9d39b; }
.yl-success-disabled {
color: #a9e08f; }
.yl-error-disabled {
color: #f7b2b2; }
.yl-info-disabled {
color: #c4c6c9; }
.yl-primary-disabled-bg {
background-color: #9acafc; }
.yl-warning-disabled-bg {
background-color: #f9d39b; }
.yl-success-disabled-bg {
background-color: #a9e08f; }
.yl-error-disabled-bg {
background-color: #f7b2b2; }
.yl-info-disabled-bg {
background-color: #c4c6c9; }
.yl-primary {
color: #3c9cff; }
.yl-warning {
color: #f9ae3d; }
.yl-success {
color: #5ac725; }
.yl-error {
color: #f56c6c; }
.yl-info {
color: #909399; }
.yl-primary-bg {
background-color: #3c9cff; }
.yl-warning-bg {
background-color: #f9ae3d; }
.yl-success-bg {
background-color: #5ac725; }
.yl-error-bg {
background-color: #f56c6c; }
.yl-info-bg {
background-color: #909399; }
.yl-main-color {
color: #303133; }
.yl-content-color {
color: #606266; }
.yl-tips-color {
color: #909193; }
.yl-light-color {
color: #c0c4cc; }
.yl-bg-color {
background-color: #f3f4f6; }
.yl-content-color-bg {
background-color: #606266; }
.yl-tips-color-bg {
background-color: #909193; }
.yl-light-color-bg {
background-color: #c0c4cc; }
.yl-white-color {
color: #FFFFFF; }
.yl-white-color-bg {
background-color: #FFFFFF; }
/* 文字排版 */
.text-left {
text-align: left; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
/* 边框 */
.border-top {
border-top: solid 2rpx #dadbde; }
.border-bottom {
border-bottom: solid 2rpx #dadbde; }
.border-left {
border-left: solid 2rpx #dadbde; }
.border-right {
border-right: solid 2rpx #dadbde; }
.border {
border: solid 2rpx #dadbde; }
.border-top-primary {
border-top: solid 2rpx #3c9cff; }
.border-top-primary-dark {
border-top: solid 2rpx #398ade; }
.border-top-primary-light {
border-top: solid 2rpx #ecf5ff; }
/* 字体粗细 */
.font-weight-bold {
font-weight: 1000; }
.font-weight-primary {
font-weight: 500; }
.font-weight-light {
font-weight: 100; }
/* 边框圆角 */
.border-radius-base {
border-radius: 8rpx; }
.border-radius-small {
border-radius: 4rpx; }
.border-radius-circle {
border-radius: 100%; }
.border-radius-zero {
border-radius: 0; }
/* 内容区域 */
.yl-container {
padding-right: 24rpx;
padding-left: 24rpx; }
.yl-page {
padding-right: 24rpx;
padding-left: 24rpx;
height: 100%;
background-color: #f3f4f6;
overflow-y: auto; }
.fill-width {
width: 100%; }
.fill-height {
height: 100%; }
.bottom-safe-area {
padding-bottom: env(safe-area-inset-bottom); }
uni-page-body {
height: 100%; }
::-webkit-scrollbar {
display: none;
width: 0 ;
height: 0 ;
-webkit-appearance: none;
background: transparent; }
.yl-hover-class {
opacity: 0.7; }
/* flex 布局 */
.flex {
/* #ifndef APP-PLUS-NVUE */
display: flex;
/* #endif */ }
.flex-1 {
flex: 1; }
.flex-2 {
flex: 2; }
.flex-3 {
flex: 3; }
.flex-4 {
flex: 4; }
.flex-5 {
flex: 5; }
.yl-line-1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.yl-line-2 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical ; }
.yl-line-3 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical ; }
.yl-line-4 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical ; }
.yl-line-5 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical ; }
.yl-line-6 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical ; }
.yl-line-7 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical ; }
.yl-line-8 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical ; }
.yl-line-9 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical ; }
.yl-line-10 {
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical ; }
/* 定位 */
.position-relative {
position: relative; }
.position-absolute {
position: absolute; }
.position-fixed {
position: fixed; }
/* 定位 - 固定顶部 */
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
/* 设置太高会影响其他显示 默认即可*/ }
/* 定位 - 固定底部 */
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0; }
.top-0 {
top: 0; }
.left-0 {
left: 0; }
.right-0 {
right: 0; }
.bottom-0 {
bottom: 0; }
.yl-font-h1 {
font-size: 40rpx; }
.yl-font-h2 {
font-size: 38rpx; }
.yl-font-h3 {
font-size: 36rpx; }
.yl-font-h4 {
font-size: 34rpx; }
.yl-font-h5 {
font-size: 32rpx; }
.yl-font-content {
font-size: 30rpx; }
.yl-font-middle-content {
font-size: 28rpx; }
.yl-font-small {
font-size: 26rpx; }
.yl-font-mini {
font-size: 24rpx; }
:export {
ylPrimary: #3c9cff; }
:export {
ylPrimaryDark: #398ade; }
:export {
ylPrimaryDisabled: #9acafc; }
:export {
ylPrimaryLight: #ecf5ff; }
:export {
ylWarning: #f9ae3d; }
:export {
ylWarningDark: #f1a532; }
:export {
ylWarningDisabled: #f9d39b; }
:export {
ylWarningLight: #fdf6ec; }
:export {
ylSuccess: #5ac725; }
:export {
ylSuccessDark: #53c21d; }
:export {
ylSuccessDisabled: #a9e08f; }
:export {
ylSuccessLight: #f5fff0; }
:export {
ylError: #f56c6c; }
:export {
ylErrorDark: #e45656; }
:export {
ylErrorDisabled: #f7b2b2; }
:export {
ylErrorLight: #fef0f0; }
:export {
ylInfo: #909399; }
:export {
ylInfoDark: #767a82; }
:export {
ylInfoDisabled: #c4c6c9; }
:export {
ylInfoLight: #f4f4f5; }