update at 2026-02-09 10:22:44

miniprogram/UPDATE_LOG.md

@@ -1,5 +1,82 @@
 # 小程序 UI 更新日志
 
+## 更新时间
+2026年2月9日（布局优化与样式统一）
+
+## 本次更新内容
+
+### 1. 选择和已收藏区域布局优化
+
+#### 高度填充改造
+- **问题**：选择和已收藏区域使用固定高度 `height: 600rpx`，无法自适应屏幕
+- **解决**：改为 `flex: 1; min-height: 0`，与预览区域一致的 fill 布局
+
+#### Padding 统一
+- **问题**：`.bottom-section` 有额外的 `padding: 0 16rpx`，导致选择/已收藏与屏幕边缘距离不一致
+- **解决**：移除 `.bottom-section` 的水平 padding，由页面容器统一控制
+
+#### 内容溢出修复
+- **问题**：设置过大的 `gap: 22rpx` 导致内容溢出容器
+- **解决**：移除 gap，改用 `margin-bottom` 控制间距；添加 `overflow-y: auto` 确保列表可滚动
+
+### 2. 边框颜色统一
+将预览窗口、选择和已收藏的边框颜色统一改为 `#3EE4C3`：
+```css
+.preview-section { border: 1rpx solid #3EE4C3; }
+.font-selection, .favorite-selection { border: 1rpx solid #3EE4C3; }
+```
+
+### 3. 已收藏标题结构优化
+- 新增 `.favorite-header` 容器包裹"已收藏"标题
+- 与选择区域的 `.selection-header` 结构对齐，确保两侧标题水平对齐
+
+### 4. 底部版权说明
+新增页面底部版权信息：
+```
+@版权说明：仅SVG和PNG分享，无TTF下载，如侵权，反馈：douboer@gmail.com
+```
+
+### 5. 预览区域 Padding 调整
+- 从 `padding: 0 16rpx` 改为 `padding: 8rpx`
+- 四边统一间距，与选择/已收藏区域保持一致
+
+### 关键样式变更
+```css
+/* 底部区域 */
+.bottom-section {
+  display: flex;
+  flex: 1;
+  gap: 16rpx;
+  min-height: 0;
+  margin-top: 16rpx;
+  padding: 0; /* 移除额外 padding */
+}
+
+/* 选择和已收藏容器 */
+.font-selection, .favorite-selection {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border: 1rpx solid #3EE4C3;
+  border-radius: 16rpx;
+  background: #fff;
+  padding: 8rpx;
+  overflow: hidden;
+  min-width: 0;
+}
+
+/* 版权说明 */
+.copyright-footer {
+  text-align: center;
+  font-size: 20rpx;
+  color: #86909C;
+  padding: 16rpx 0;
+  flex-shrink: 0;
+}
+```
+
+---
+
 ## 更新时间
 2026年2月9日