堡垒之夜重构规范
此规范只适用于堡垒之夜，如与CP规范冲突，以此规范为主。
专题类
PC通用模板
预览地址：//fn.qq.com/act/a20180606comm/index.htm
模板包含通用浮层、顶条、专题通用头部等堡垒之夜必须引用的公用模块
移动通用模板
预览地址：//fn.qq.com/act/a20180606comm/index.htm
构建
必须使用《TG-Cli》 命令行工具构建专题(在创建时游戏输入fn)
如执行时提示有 版本更新 ，请务必重新安装命令行工具！
tg-cli可以快速创建堡垒之夜专题模板目录，并自动集成seo和统计代码等信息，避免审查出错
如有问题请咨询QQ:10887926
注意事项
- 外观类似按钮的元素（如下载、官网等）一定要用PTT的按钮埋点，超链请按照重要程度添加(逻辑上埋点率页面不低于50%)：
PTTSendClick('cc','dd','给按钮起个中文名称');
- 弹层请使用基于milo的公共脚本 showDialog
PC官网类
注意事项
公用头尾在请务必使用 include形式
为了利于SEO，通用meta页面片//fn.qq.com/web201806/inc/meta.htm，可不需要include形式，复制结构更改keywords和Description中的内容即可
通用模板
<!DOCTYPE html>
<html lang="zh-CN" >
<head>
<!--通用meta 外网测试地址：//fn.qq.com/web201806/inc/meta.htm -->
<!--#include virtual="/web201806/inc/meta.htm"-->
<script>
(function(){var a=navigator.userAgent;if(-1!=a.indexOf("iPhone")||-1!=a.indexOf("iPad")||-1!=a.indexOf("iPod")||-1!=a.indexOf("Android")){a=document.referrer;if(-1<a.indexOf("baidu.com")||-1<a.indexOf("sogou.com")||-1<a.indexOf("haosou.com")||-1<a.indexOf("hao76.com"))if(a=void 0,window.sessionStorage)sessionStorage.setItem("channel","seo");else{var a=a||0,b="";0!=a&&(b=new Date,b.setTime(b.getTime()+1E3*a),b="; expires="+b.toGMTString());document.cookie="channel="+escape("seo")+b+"; path=/"}self.location="/m/"}})();
</script>
<!-- 设计：suzhou | 重构：allan | 创建：2018-06-05 -->
<title>堡垒之夜-官方网站-腾讯游戏</title>
</head>
<body>
<!--通用样式 -->
<link rel="stylesheet" href="//fn.qq.com/web201806/css/comm.css">
<!--通用头部（已包含jquery和milo文件，请勿重复引入） 外网测试地址：//fn.qq.com/web201806/inc/header.htm -->
<!--#include virtual="/web201806/inc/header.htm"-->
<!--通用banner 外网测试地址：//fn.qq.com/web201806/inc/banner.htm -->
<!--#include virtual="/web201806/inc/banner.htm"-->
<!--通用页脚 外网测试地址：//fn.qq.com/web201806/inc/footer.htm -->
<!--#include virtual="/web201806/inc/footer.htm"-->
<!--通用统计代码-->
<script src="//ossweb-img.qq.com/images/js/PTT/ping_tcss_tgideas_https_min.js"></script>
<script>
//此段代码不能放到外链JS中，
var setSite={ //设置网站属性
siteType:"os", //必填项:"os"代表是官网，如果不是，则填写actName例如a20160701xxx
pageType:"comm", //必填项:本页面的定位；按照页面含义填写例如main||list||detail||download||share||page1||pageN
pageName:"通用", //必填项:页面中文名
osact:0, //选填项:是否是官网专题(在官网运营的专题)boolean；默认是0；可以在链接上加入参数osact=1来灵活设置
ingame:0, //选填项:是否投放在游戏APP内boolean；默认是0；可以在链接上加入参数ingame=1来灵活设置
stayTime:0 //选填项:是否需要统计停留时长boolean；默认是0
}
if(typeof(pgvMain)=='function')pgvMain();//千万不能忘记！
</script>
</body>
</html>
预览地址：//fn.qq.com/web201806/comm.shtml
移动官网类
注意事项
使用rem单位书写样式，如一个元素宽度为750px高度333px，则写样式 width:7.5rem;height:3.33rem。(在原有px单位上除100)
公用头尾在请务必使用 include形式
为了利于SEO，通用meta页面片//fn.qq.com/201806m/inc/meta.htm，可不需要include形式。复制页面片结构，自定义keywords和Description信息即可
ptt配置信息的pageType属性规则为页面前加m，如当前为list，则设置为 pageType:mlist
通用模板
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<!--通用meta（如需单独页面定制SEO信息可不引入） 外网测试地址：//fn.qq.com/201806m/inc/meta.htm -->
<!--#include virtual="/201806m/inc/meta.htm"-->
<title>堡垒之夜官方网站 - 腾讯游戏</title>
<link rel="stylesheet" href="//fn.qq.com/201806m/css/comm.css">
</head>
<body>
<!--通用头部（已包含zepto和swiper，请勿重复引入） 外网测试地址：//fn.qq.com/201806m/inc/header.htm -->
<!--#include virtual="/201806m/inc/header.htm"-->
<!--通用banner 外网测试地址：//fn.qq.com/201806m/inc/banner.htm -->
<!--#include virtual="/201806m/inc/banner.htm"-->
<!--通用页脚 外网测试地址：//fn.qq.com/201806m/inc/footer.htm -->
<!--#include virtual="/201806m/inc/footer.htm"-->
<script>
//此段代码不能放到外链JS中，
var setSite={ //设置网站属性
siteType:"os", //必填项:"os"代表是官网，如果不是，则填写actName例如a20160701xxx
pageType:"mcomm", //必填项:本页面的定位；按照页面含义填写例如main||list||detail||download||share||page1||pageN
pageName:"移动端官网首页", //必填项:页面中文名
osact:0, //选填项:是否是官网专题(在官网运营的专题)boolean；默认是0；可以在链接上加入参数osact=1来灵活设置
ingame:0, //选填项:是否投放在游戏APP内boolean；默认是0；可以在链接上加入参数ingame=1来灵活设置
stayTime:0 //选填项:是否需要统计停留时长boolean；默认是0
}
if(typeof(pgvMain)=='function')pgvMain();//千万不能忘记！
</script>
</body>
</html>
预览地址：//fn.qq.com/201806m/comm.shtml