¶ 应用主题配置

本文档详细介绍了电影票务应用的主题配置功能，包括推荐主题选择、搜索栏设置、主题颜色配置、导航样式定制及票价显示规则等，帮助管理员快速完成界面个性化设置。

¶ 目录

1. 自定义主题入口
2. 推荐主题
3. 搜索栏配置
4. 主题配置
5. 导航配置
6. 票价阶梯配色
7. 操作按钮说明

¶ 1. 自定义主题入口

通过以下路径进入主题配置页面：   应用管理 > 应用配置

¶ 2. 推荐主题（默认配置：黑金）

主题名称	主题描述	预览效果
黑金主题	高端商务风格，采用黑色与金色搭配，凸显专业质感
蓝白主题	清新简约风格，采用蓝色与白色搭配，适合年轻用户群体

¶ 3. 搜索栏配置

¶ 3.1 配置项说明

1. 首页搜索栏开关    控制首页是否显示搜索框。  

2. 是否独占一行    设置搜索栏是否占据整行宽度，开启后搜索栏将独立成行，提升视觉焦点。  

¶ 3.2 辅助信息说明

Tips：辅助信息通常包括：

• 电影信息中除名称外的其他详情（如导演、主演、上映时间）
• 影院列表中除名称外的附加信息（如距离、评分、优惠活动）
• 订单信息中权重较低的内容（如订单号、购买时间、退款政策）

¶ 4. 主题配置

¶ 4.1 主配色

功能说明：定义应用中关键元素的强调色，影响用户视觉焦点。   涉及业务场景：

¶ 4.2 页面基础背景色

功能说明：全局所有页面的底层背景色，影响整体视觉基调。   推荐值： 浅灰色（如#F5F5F5、#EEEEEE）  涉及业务场景：全局所有页面

¶ 4.3 页面次级背景色

功能说明：用于区分页面模块的次级背景色，需选择饱和度较低的颜色。   推荐值：白色（#FFFFFF）、黑色（#000000）   涉及业务场景：

• 影院列表
• 订单列表
• 订单详情  

¶ 4.4 电影分类按钮配色

功能说明：控制"热映影片"/"即将上映"等分类标签的文案字体颜色。   涉及业务场景：首页分类标签区域

¶ 4.5 操作按钮配色

功能说明：定义主要交互按钮的背景色，需确保高辨识度。   涉及业务场景：

• 首页：购票按钮
• 订单：查看详情按钮、支付按钮
• 选座：确认座位按钮
• 确认订单：提示按钮、确认购票按钮

¶ 4.6 按钮文案配色

功能说明：所有操作按钮的文字颜色，需与按钮背景色形成清晰对比。   推荐原则：浅色背景配深色文字，深色背景配浅色文字

¶ 4.7 卡片背景色

功能说明：用于内容卡片的背景色，需与页面基础背景色形成层次区分。   涉及业务场景：首页影片卡片

¶ 4.8 卡片标题/辅助文案配色

功能说明：控制卡片内标题文字与辅助文字的颜色区分。   涉及业务场景：

¶ 5. 导航配置

¶ 6. 票价阶梯配色

¶ 6.1 价格颜色区分

功能说明：选座页面中，价位表最多支持7种价格类型，从左至右代表价格从低到高，需配置不同颜色区分。  

¶ 6.2 座位选中背景色

功能说明：用户选中座位时的背景色，需与未选中状态有明显对比。   推荐值：高饱和度颜色（如#FF4D4F、#1890FF）

¶ 7. 操作按钮说明