92 lines
2.1 KiB
Plaintext
92 lines
2.1 KiB
Plaintext
/* pages/unbind/unbind.wxss - 情侣解绑确认页 */
|
|
@import '../../styles/common.wxss';
|
|
page { background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%); height: 100vh; overflow: hidden; }
|
|
.container { padding: 24rpx; }
|
|
|
|
/* 加载状态 */
|
|
.loading-state { text-align: center; padding: 200rpx 40rpx; }
|
|
.loading-icon { font-size: 64rpx; display: block; margin-bottom: 16rpx; }
|
|
.loading-text { font-size: 28rpx; color: #999; }
|
|
|
|
/* 空状态 */
|
|
.empty-state { text-align: center; padding: 200rpx 40rpx; }
|
|
.empty-icon { font-size: 80rpx; display: block; margin-bottom: 16rpx; }
|
|
.empty-title { font-size: 30rpx; color: #999; display: block; margin-bottom: 8rpx; }
|
|
.empty-desc { font-size: 24rpx; color: #bbb; display: block; }
|
|
|
|
/* 解绑卡片 */
|
|
.unbind-card {
|
|
background: white;
|
|
border-radius: 28rpx;
|
|
padding: 48rpx 36rpx;
|
|
box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
|
|
text-align: center;
|
|
margin-top: 60rpx;
|
|
}
|
|
|
|
.unbind-icon { font-size: 80rpx; display: block; margin-bottom: 24rpx; }
|
|
|
|
.unbind-title {
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
color: #333;
|
|
display: block;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.unbind-desc {
|
|
font-size: 26rpx;
|
|
color: #888;
|
|
display: block;
|
|
line-height: 1.6;
|
|
margin-bottom: 28rpx;
|
|
}
|
|
|
|
/* 倒计时 */
|
|
.unbind-timer {
|
|
background: #FFF8E1;
|
|
border-radius: 20rpx;
|
|
padding: 20rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.timer-label {
|
|
font-size: 24rpx;
|
|
color: #FF9800;
|
|
display: block;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
.timer-value {
|
|
font-size: 48rpx;
|
|
font-weight: 800;
|
|
color: #FF5722;
|
|
display: block;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* 信息区 */
|
|
.unbind-info {
|
|
background: #F9F9F9;
|
|
border-radius: 16rpx;
|
|
padding: 20rpx;
|
|
text-align: left;
|
|
}
|
|
.unbind-info text {
|
|
font-size: 24rpx;
|
|
color: #888;
|
|
display: block;
|
|
margin-bottom: 6rpx;
|
|
line-height: 1.5;
|
|
}
|
|
.unbind-info text:last-child { margin-bottom: 0; }
|
|
|
|
/* 按钮区域 */
|
|
.unbind-actions { display: flex; flex-direction: column; gap: 12rpx; }
|
|
|
|
@import '../../styles/design.wxss';
|
|
|
|
@import '../../styles/journal.wxss';
|
|
|
|
@import '../../styles/button-theme.wxss';
|
|
|
|
@import '../../styles/typography.wxss';
|