心悦移动端重构规范

     规则说明:

     本规则主要是用于心悦,未避免各个页面作者代码相互影响,所以定此规范,请务必严格遵守。

     若因没遵守导致项目延期或者返工讲严重影响重构包的评分。


     1. 页面css reset请引用以下css

//ossweb-img.qq.com/images/tgclub/app201607/base.css 

禁止额外reset


 2. 所有class名和id名必须带”cp_或者”cp-”前缀,中划线或者下划线不强求,以个人习惯为准


 3. 项目最外层需要增加一个<div class=”mod_目录名称”>

例如<div class=”mod_a20161113lol”>

所有样式在定义的时候必须在它的作用域内

例如

. mod_a20161113lol a{};

. mod_a20161113lol .cp_hd{}

禁止出现以下写法定义

a{} 

.cp_hd{}这样的写法


     4. 页面以320px为基准切,所有单位均使用px。禁止使用其他尺寸。图片使用双倍图。


5. 320px下字体最小不能小于12px,如小于这个尺寸联系视觉调整视觉稿。

  点击查看DEMO