# Release Notes ## v1.0.1 发布时间:2026年2月9日 版本定位:小程序 UI 优化与布局完善 ### 里程碑与亮点 - 全面适配 Figma 设计稿,UI 风格统一 - 选择/已收藏区域改为自适应高度(flex fill) - 搜索框默认完整展开显示 - 复选框图标始终显示,状态切换更直观 - 收藏图标区分已收藏(红心)和未收藏(白心) - 新增底部版权说明 ### 核心特性 #### 布局优化 - 选择和已收藏区域从固定高度改为 flex fill,自适应屏幕 - 统一三个区域(预览、选择、已收藏)的边框颜色为 `#3EE4C3` - 统一容器 padding 为 8rpx - 移除多余的嵌套 padding,避免边距叠加 #### 图标系统完善 - 复选框:checkbox.svg(选中)、checkbox-no.svg(未选中) - 收藏:favorite.svg(未收藏)、favorite-red.svg(已收藏) - 分类全选:selectall.svg / unselectall.svg - 导出按钮:download.svg、export-svg-s.svg、export-png-s.svg #### 对齐修复 - "选择"文字与搜索框垂直居中对齐 - "选择"和"已收藏"标题水平对齐 - 覆盖全局样式污染(padding/margin) ### 基础功能 - 文本输入 + 实时预览 - 字体搜索、分类树、收藏管理 - SVG/PNG 导出(远端 API 渲染) - 字体大小滑块调节 - 颜色选择器 ### 技术实现 - 框架:微信小程序原生 - 渲染:远端 API(apiserver) - 状态:本地存储(wx.setStorageSync) - 图标:本地 SVG 文件(/assets/icons/) ### 项目结构 ``` miniprogram/ ├── pages/index/ # 首页 │ ├── index.wxml # 页面结构 │ ├── index.wxss # 样式 │ └── index.js # 逻辑 ├── assets/icons/ # 图标资源 ├── utils/mp/ # 小程序工具函数 └── app.js/json/wxss # 应用配置 ``` ### 设计理念 - 遵循 Figma 设计稿,保持视觉一致性 - 适配小程序原生组件限制(如 input 最小高度) - 简化图标状态切换逻辑,提升代码可维护性 ## 下载和安装 ### 系统要求 - 微信开发者工具 1.06+ - Node.js 18+(用于 apiserver) ### 快速开始 1. 克隆仓库 2. 微信开发者工具导入 `miniprogram/` 目录 3. 部署 apiserver(详见 apiserver/README.md) 4. 编译运行 ### 生产构建 1. 配置合法域名:`fonts.biboer.cn` 2. 上传代码并提交审核 ### 支持和反馈 - 邮箱:douboer@gmail.com - 仓库:Issues