city-casereport/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.wxss
2023-12-06 14:22:42 +08:00

60 lines
1.0 KiB
Plaintext

.t-float-left {
float: left;
}
.t-float-right {
float: right;
}
@keyframes tdesign-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.hotspot-expanded.relative {
position: relative;
}
.hotspot-expanded::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: scale(1.5);
}
.t-swipe-cell {
position: relative;
overflow: hidden;
}
.t-swipe-cell__left,
.t-swipe-cell__right {
position: absolute;
top: 0;
height: 100%;
}
.t-swipe-cell__left {
left: 0;
transform: translate3d(-100%, 0, 0);
}
.t-swipe-cell__right {
right: 0;
transform: translate3d(100%, 0, 0);
}
.t-swipe-cell__content {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 var(--td-spacer-2, 32rpx);
}
.t-swipe-cell__icon {
font-size: var(--td-font-size-l, 40rpx);
}
.t-swipe-cell__icon + .t-swipe-cell__text:not(:empty) {
margin-left: var(--td-spacer, 16rpx);
font-size: var(--td-font-size-base, 28rpx);
line-height: 44rpx;
}