心悦活动专题重构规范

此规范只适用于心悦活动专题的重构规范，如与通用规范冲突，以此规范为主。

编码规范

心悦的活动页面都是用UTF-8

整体通用规范

PC端专题通用规范：PC端专题
移动端专题通用规范：移动端专题

请求优化

• 所有修饰类图片（如图标，按钮）需要尽可能用css sprite，图片总数量不超过3张
• 转盘礼包图片可以直接讲抽奖转盘切成大图
• 礼包类图片尽可能使用css sprite合成后通过背景图插入
• 每个活动所有图片不超过15个

所有专题必备js

<script src="//ossweb-img.qq.com/images/js/PTT/ping_tcss_tgideas_https_min.js"></script>
<script>
    //此段代码不能放到外链JS中，
    var setSite = { //设置网站属性
    siteType: "os" || "a20160711xxx", //必填项:"os"代表是官网，如果不是，则填写actName例如a20160701xxx
    pageType: "index", //必填项:本页面的定位；按照页面含义填写例如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>

PC端专题JS

<!-- PC top通栏 Start-->
<script src="//xinyue.qq.com/web201410/js/top_act.js" charset="gbk"></script>
<link href="//xinyue.qq.com/web201410/css/basic.css" rel="stylesheet" /> 
<!-- 页面不需要再单独定义字体样式，除非有特殊展示需求 -->
<!-- PC top通栏 End -->
<!-- PC 底部通栏 Start -->
<script src="//ossweb-img.qq.com/images/tgclub/web2017/mtopbar/pub_bottom_bar.js" charset="gbk"></script>
<!-- PC top通栏 End -->

移动端专题JS

<!-- 移动端 TOP通顶 Start -->
<script src="https://ossweb-img.qq.com/images/tgclub/web2017/mtopbar/pub_top_bar.js"></script>
<!-- 移动端 TOP通顶 End -->