init: initial commit
This commit is contained in:
@@ -0,0 +1,87 @@
|
||||
/* pages/unbind/unbind.wxss - 情侣解绑确认页 */
|
||||
@import '../../styles/common.wxss';
|
||||
page { background: linear-gradient(180deg, #F4E2E3 0%, #FAF5EE 55%, #FAF5EE 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';
|
||||
Reference in New Issue
Block a user