87 lines
1.7 KiB
SCSS
87 lines
1.7 KiB
SCSS
$primary-color: #2D5CF6;
|
|
|
|
.test {
|
|
border: 1px solid red;
|
|
@apply box-border;
|
|
}
|
|
|
|
.safe-b {
|
|
padding-bottom: calc(24rpx + constant(safe-area-inset-bottom)) !important;
|
|
padding-bottom: calc(24rpx + env(safe-area-inset-bottom)) !important;
|
|
}
|
|
|
|
.tui-btn {
|
|
border-radius: 10rpx !important;
|
|
}
|
|
|
|
.tui-primary-outline {
|
|
background-color: lighten($primary-color, 40%) !important;
|
|
}
|
|
|
|
.tui-alert-box {
|
|
border-radius: 16rpx !important;
|
|
overflow: hidden;
|
|
|
|
.tui-alert-content {
|
|
padding: 40rpx 32rpx !important;
|
|
}
|
|
}
|
|
|
|
.tui-actionsheet {
|
|
padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));
|
|
padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
|
|
}
|
|
|
|
.uni-picker-container {
|
|
z-index: 9998 !important;
|
|
}
|
|
|
|
.ellipsis-1 {
|
|
display: inline-block; /* 创建一个伸缩容器 */
|
|
-webkit-box-orient: vertical; /* 设置伸缩容器的方向为垂直 */
|
|
-webkit-line-clamp: 1; /* 限制显示的行数为2行 */
|
|
overflow: hidden; /* 超出内容隐藏 */
|
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ellipsis-2 {
|
|
display: -webkit-box; /* 创建一个伸缩容器 */
|
|
-webkit-box-orient: vertical; /* 设置伸缩容器的方向为垂直 */
|
|
-webkit-line-clamp: 2; /* 限制显示的行数为2行 */
|
|
overflow: hidden; /* 超出内容隐藏 */
|
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
|
}
|
|
|
|
.tui-tabs__badge {
|
|
aspect-ratio: 1 / 1;
|
|
}
|
|
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.test-20r {
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.test-22r {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.test-24r {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.test-28r {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.test-32r {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.test-36r {
|
|
font-size: 36rpx;
|
|
}
|