设置页改造:「设置」→「数据」,做成数据中心
- tabBar 文字 ⚙️ 设置 → 💾 数据 - Header 收敛成 标题 + 一行统计 + 上次备份时间 - 删除「关于」「温馨提示」整块装饰内容 - 「数据管理」拆成「备份」+「危险操作」两组 - 导出成功后写入 lastBackupAt,进页面格式化展示 - 图标背景从冷色统一为纸感暖色 - 底部加版本号 v2.1.3 小字 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
/* settings.wxss
|
||||
* 视觉方向:纸感编辑风(A 方案,与首页/日历一致)
|
||||
* 视觉方向:纸感编辑风(A 方案,与全局一致)
|
||||
* 定位:数据中心(备份 + 危险操作 + 版本号)
|
||||
*/
|
||||
|
||||
page {
|
||||
@@ -23,7 +24,7 @@ page {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.header-left {
|
||||
@@ -50,36 +51,24 @@ page {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.stats-row {
|
||||
.header-meta {
|
||||
display: flex;
|
||||
gap: 64rpx;
|
||||
padding-top: 12rpx;
|
||||
align-items: baseline;
|
||||
gap: 12rpx;
|
||||
padding-top: 20rpx;
|
||||
border-top: 1rpx solid #E8E2D5;
|
||||
padding-top: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rpx;
|
||||
.meta-label {
|
||||
font-size: 22rpx;
|
||||
color: #A9A096;
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
.stat-num {
|
||||
font-size: 44rpx;
|
||||
font-weight: 600;
|
||||
color: #1F1D2B;
|
||||
line-height: 1;
|
||||
letter-spacing: -1rpx;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
.meta-value {
|
||||
font-size: 24rpx;
|
||||
color: #8A8278;
|
||||
}
|
||||
|
||||
.stat-sep {
|
||||
display: none;
|
||||
color: #1F1D2B;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* ───── Body ───── */
|
||||
@@ -98,6 +87,10 @@ page {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.section-label.danger-label {
|
||||
color: #C8412F;
|
||||
}
|
||||
|
||||
/* ───── Card group ───── */
|
||||
.card-group {
|
||||
background: #FFFFFF;
|
||||
@@ -123,6 +116,7 @@ page {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 14rpx;
|
||||
background: #F2EEE5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -130,6 +124,10 @@ page {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.row-icon-wrap.danger-icon-wrap {
|
||||
background: #FFF1EA;
|
||||
}
|
||||
|
||||
.row-icon {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
@@ -139,6 +137,7 @@ page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rpx;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.row-title {
|
||||
@@ -170,66 +169,22 @@ page {
|
||||
color: #E29F92;
|
||||
}
|
||||
|
||||
.row-value {
|
||||
font-size: 26rpx;
|
||||
color: #8A8278;
|
||||
}
|
||||
|
||||
.row-divider {
|
||||
height: 1rpx;
|
||||
background: #E8E2D5;
|
||||
margin-left: 112rpx;
|
||||
}
|
||||
|
||||
/* ───── Tips card ───── */
|
||||
/* 删原 border-left 6rpx 紫色条(禁项),改全边线 + 浅暖底标识 */
|
||||
.tips-card {
|
||||
background: #FFF8EE;
|
||||
border: 1rpx solid #EFD9B5;
|
||||
border-radius: 14rpx;
|
||||
margin: 12rpx 24rpx 0;
|
||||
padding: 24rpx 28rpx 28rpx;
|
||||
/* ───── Footer ───── */
|
||||
.footer {
|
||||
text-align: center;
|
||||
padding: 48rpx 0 16rpx;
|
||||
}
|
||||
|
||||
.tips-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.tips-icon {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.tips-heading {
|
||||
font-size: 26rpx;
|
||||
font-weight: 600;
|
||||
color: #1F1D2B;
|
||||
}
|
||||
|
||||
.tips-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.tips-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tips-dot {
|
||||
font-size: 26rpx;
|
||||
color: #B36A1F;
|
||||
line-height: 1.8;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.tips-text {
|
||||
font-size: 24rpx;
|
||||
color: #5A5247;
|
||||
line-height: 1.7;
|
||||
.footer-version {
|
||||
font-size: 22rpx;
|
||||
color: #C8C2B4;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
|
||||
/* ───── Bottom padding ───── */
|
||||
|
||||
Reference in New Issue
Block a user