风格模板

这个页面能做什么：一键更换 H5 导览端的整体配色风格（按钮、文字、边框等界面控件的颜色），也可以逐个颜色微调，让导览界面贴合景区的品牌视觉。

入口

后台左侧菜单：智慧导览 → 导览设置 → 风格模板

页面顶部「设置说明」请先读一遍，三个要点：

1. 风格切换只修改页面控件配色（按钮、文字、边框等），不会改变地图底图本身；
2. 不同风格建议搭配对应的地图底图使用，视觉效果更协调；
3. 标记点颜色、推荐路线配色、寻路路线颜色等，需在对应功能模块中单独设置，不受本页控制。

操作步骤

1. 在主题卡片区点击想要的风格，卡片出现蓝色边框和「当前使用」角标，同时它的配色会自动填入下方「自定义配色」区域。
2. （可选）在「自定义配色」中逐项微调颜色：点击色块打开取色器，选好后确定。
3. 点击页面底部「保存」，提示"保存成功"后对 H5 端生效。
4. 点「重置」可放弃改动，恢复为上次保存的风格。

预设主题

主题	风格特点	主色
默认风格	明亮清爽的蓝色系，通用型	蓝色 #4A90E2
山水青黛	黛蓝 + 墨绿 + 暖棕的中式山水色系，适合自然/文化类景区	黛蓝 #2B4C7E

字段说明（自定义配色 8 项）

字段	说明	是否必填	默认值（默认风格）
主色	影响最大的颜色：按钮、选中态、链接、开关等都用它。改主色 = 改整个导览的气质	是	#4A90E2（蓝）
成功/辅助	成功提示、辅助性标记的颜色	是	#7ED321（绿）
强调/警告	需要引起注意的元素、警告提示	是	#F5A623（橙）
信息/讲解	信息展示、讲解相关元素	是	#50E3C2（青）
主要文字	标题、正文等主要文字颜色	是	#4A4A4A（深灰）
次要文字	辅助说明、时间等次要文字	是	#9B9B9B（浅灰）
边框	卡片、输入框等边框线颜色	是	#E0E0E0（浅灰）
背景	页面背景色	是	#FFFFFF（白）

取色器支持透明度

每个颜色项的取色器下方有一条透明度滑杆（alpha），可以做出半透明效果。一般情况下保持不透明即可，除非你有明确的叠色设计需求。

注意事项

• 先选主题卡片，再点「保存」。只点卡片不保存，刷新页面后会回到原来的风格。
• 改配色只影响 H5 界面控件，地图底图（天地图/手绘图）的颜色不变；想换底图请到 系统地图 或 自定义地图（手绘图切图）。
• 标记点图标的颜色在 标记点分组 中设置，路线颜色在 路线管理 中设置，与本页互不影响。
• 微调配色时建议保持「主要文字」和「背景」有足够对比度（深字配浅底），否则游客在阳光下看不清。
• 「山水青黛」主题的背景是米白色（#F5F0E8），搭配手绘古风地图底图效果最好。