UNPKG

yl-view

Version:

一个基于uniapp的ui框架

2,096 lines (1,443 loc) 40 kB
@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 !important; height: 0 !important; -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 !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; } .yl-line-3 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical !important; } .yl-line-4 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical !important; } .yl-line-5 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical !important; } .yl-line-6 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 6; -webkit-box-orient: vertical !important; } .yl-line-7 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 7; -webkit-box-orient: vertical !important; } .yl-line-8 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 8; -webkit-box-orient: vertical !important; } .yl-line-9 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 9; -webkit-box-orient: vertical !important; } .yl-line-10 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 10; -webkit-box-orient: vertical !important; } /* 定位 */ .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; }