mp-foot-common
# **底部(全局通用)**
包含关于我们、隐私声明、用户支持、服务协议、加入我们、意见建议、app下载、第三方网站官方账号等入口。
## 依赖
Jquery 1 | 2
Vue 2.6以上
> 注:在页面内容高度不能保证超出一屏时,应注意底部定位。
#### 例
```language
css
.head{ height:1rem; }
.main{
min-height:calc(100vh - 1rem);
position:relative;
padding-bottom:6.5rem;
margin-bottom:-6.5rem;
}
html
<body>
<div id="app">
<div class="head"></div>
<div class="main">
...
</div>
<mp-foot-common></mp-foot-common>
</div>
</body>
```
## $api
#### [initMpFootCommon](doc:BUuUKGdo)
> api调用,带底部吸附,请查看详情避免样式冲突
```language
mounted(){
//插入底部
this.$api.initMpFootCommon();
},
```
## $const
#### [MP_FOOT_COMMON_HEIGHT](doc:5j3FBCKF)
> 值:6.5
单位:rem
类型:Number
描述:组件默认高度
```language
mounted(){
console.log(this.$const.MP_FOOT_COMMON_HEIGHT)
},
```