设置页改造:「设置」→「数据」,做成数据中心

- tabBar 文字 ⚙️ 设置 → 💾 数据
- Header 收敛成 标题 + 一行统计 + 上次备份时间
- 删除「关于」「温馨提示」整块装饰内容
- 「数据管理」拆成「备份」+「危险操作」两组
- 导出成功后写入 lastBackupAt,进页面格式化展示
- 图标背景从冷色统一为纸感暖色
- 底部加版本号 v2.1.3 小字

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
yuming
2026-06-02 12:54:20 +08:00
parent 3f176924d0
commit fb036fd65f
4 changed files with 85 additions and 182 deletions
+32 -77
View File
@@ -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 ───── */