# 专题通用底部
适用于专题页面底部公共信息展示
提示
所有专题默认必须引入,如有特殊情况与内部前端同学沟通
# 使用示例
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;
}