# 专题通用底部

适用于专题页面底部公共信息展示

提示

所有专题默认必须引入,如有特殊情况与内部前端同学沟通

# 使用示例

https://lol.qq.com/cguide/code/demo/footStyle.html

使用方式建议以下两种:

1.直接引用foot.js

<script src="//game.gtimg.cn/images/js/2018foot/foot.js"></script>
//在body标签内把页脚appendchild到文档流最底部

2.加个容器 id="afooter",如果需要在特定位置插入底部内容,使用此方式

<div id="afooter"></div>
<script src="//game.gtimg.cn/images/js/2018foot/foot.js"></script>
//如果需要用其他标签包含页脚,请使用id="afooter"

# 默认样式

以下是一套默认样式,可直接拷贝到项目样式中使用

PC端:

#afooter {
  padding:30px 0;
  text-align:center;
  font-size:12px;
  line-height:20px;
  background-color:#000;
  color:#c0c0c0;
}
#afooter a,#afooter a:hover {
  color:#c0c0c0;
  text-decoration:none;
}

移动端:

#afooter {
  text-align:center;
  font-size:.2rem;/*根据适配方式调整*/
  padding:.3rem 0;/*根据适配方式调整*/
  line-height:1.5;
  background-color: #000;
  color:#c0c0c0;
}