45 lines
2.0 KiB
Plaintext
45 lines
2.0 KiB
Plaintext
.page { min-height: 100vh; background: #000; padding-bottom: 120rpx; }
|
|
.nav-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(0,0,0,0.9); backdrop-filter: blur(40rpx); display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; height: 88rpx; }
|
|
.nav-back { width: 64rpx; height: 64rpx; display: flex; align-items: center; justify-content: center; }
|
|
.back-icon { font-size: 40rpx; color: rgba(255,255,255,0.6); }
|
|
.nav-title { font-size: 34rpx; font-weight: 600; color: #fff; }
|
|
.nav-placeholder { width: 64rpx; }
|
|
|
|
.content { padding: 24rpx; }
|
|
.loading-wrap, .empty-wrap { text-align: center; padding: 80rpx 0; }
|
|
.loading-text { color: rgba(255,255,255,0.5); font-size: 28rpx; }
|
|
.empty-icon { font-size: 80rpx; display: block; margin-bottom: 24rpx; opacity: 0.6; }
|
|
.empty-text { color: #fff; font-size: 30rpx; display: block; }
|
|
.empty-tip { color: rgba(255,255,255,0.4); font-size: 26rpx; display: block; margin-top: 8rpx; }
|
|
|
|
.address-list { display: flex; flex-direction: column; gap: 24rpx; }
|
|
.address-card {
|
|
background: #1c1c1e;
|
|
border-radius: 24rpx;
|
|
padding: 28rpx;
|
|
border: 2rpx solid rgba(0,206,209,0.2);
|
|
}
|
|
.card-header { display: flex; align-items: center; gap: 16rpx; margin-bottom: 16rpx; }
|
|
.card-header .name { font-size: 30rpx; font-weight: 600; color: #fff; }
|
|
.card-header .phone { font-size: 26rpx; color: rgba(255,255,255,0.6); }
|
|
.default-tag { margin-left: auto; padding: 4rpx 12rpx; background: rgba(0,206,209,0.25); color: #00CED1; font-size: 22rpx; border-radius: 8rpx; }
|
|
.card-address { font-size: 26rpx; color: rgba(255,255,255,0.7); line-height: 1.5; margin-bottom: 20rpx; }
|
|
.card-actions { display: flex; justify-content: flex-end; gap: 24rpx; }
|
|
.action-btn { font-size: 26rpx; color: #00CED1; }
|
|
.action-btn.delete { color: rgba(255,107,107,0.9); }
|
|
|
|
.btn-add {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 24rpx;
|
|
right: 24rpx;
|
|
height: 88rpx;
|
|
line-height: 88rpx;
|
|
text-align: center;
|
|
background: #00CED1;
|
|
color: #000;
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
border-radius: 44rpx;
|
|
}
|