手机端模板与多套 H5 列表

一、手机端模板目录

手机端模板放在 template/wap，与 template/pc 的文件名一一对应，index、top、foot、Post、PostForm、Search、Share、NotFound、taglist 等都是同名文件。手机端另有几组专用文件：PostWap.html（发布选分类）、PostFormWap.html（发布表单）、PostOkWap.html（发布成功）、SearchWap.html（搜索）、ShareWap.html（分享页），以及列表模板 wapInfoBox.html、wapInfoBoxTop.html、wapInfoBoxTop2.html、wapInfoBoxTop4.html。

公共头部与底部在手机端用 ${wapTop.html}、${wapFoot.html} 调用，解析由 core/Template.php 完成。手机端通用样式单独放在 template/wap/common.css，改这里会影响所有手机页面，动手前先备份。

二、多套 H5 列表模板

系统自带多套手机列表模板，后台可为不同分类指定不同样式，例如默认列表、仿朋友圈（超大格与大格置顶带特殊底色、昵称高亮）、114、fugu（方框带背景色）、kuang、liebiao、tuwen 等。切换方法是在后台进入分类设置，逐个栏目选择对应的列表模板。

同一套模板内的 Box.html、BoxTop.html、BoxTop2.html、BoxTop4.html 分别对应普通信息与三种置顶形态，需要调整置顶样式时按形态分别改文件。

三、手机头部幻灯片与导航

• 幻灯片：后台「广告管理 → 添加广告」，广告位选手机头部、类型选幻灯片。宽度填 100 并选 %，高度按需（常用 210 像素），边距填 0；图片与跳转链接逐张添加，可上下移调整顺序，建议控制在 10 张以内。它显示在手机首页天气模块的上方。
• 手机导航：后台「网站设置 → 手机导航设置」，一排 4 个、数量不限，每一项包含链接名、链接、图标或图标字、目标窗口与排序。

四、注意事项

1. 手机端与电脑端同名文件要成对修改，只改一端会出现两端展示不一致。
2. 顶部内容被悬浮元素遮挡时，检查 common.css 中固定定位的高度补偿，或把该元素放进广告位的代码里自行控制留白。
3. 幻灯片图片去掉链接时用户点击不跳转，开通了小程序的话不宜把图片链到外部站点，小程序内打不开外部地址。
4. 改完清理缓存，用真机或浏览器的手机模拟模式核对：首页、分类列表、内页、搜索、发布页各看一遍，重点确认页面不出现横向溢出。