mp-user-center
# **全局个人中心导航（全局通用）**
全局个人中心导航，包含签到、充值、收藏、订单、退出等入口
## 依赖
Jquery 1 | 2
Vue 2.6以上
## 参数
#### :position
> 值：[String] relative | absolute | fixed
默认：fixed
描述：导航定位方式
#### :top
> 值：[String]
默认：auto
描述：导航距离顶部定位
#### :left
> 值：[String]
默认：auto
描述：导航距离左侧定位
#### :right
> 值：[String]
默认：auto
描述：导航距离右侧定位
#### :bottom
> 值：[String]
默认：auto
描述：导航距离底部定位
```language
<mp-user-center :top="'100px'" :right="'36px'"></mp-user-center>
```
#### :selector
> 值：[String] jq可支持的所有css选择器
默认：无
描述：控制导航显示隐藏的交互元素
```language
html
<mp-user-center :selector="selector"></mp-user-center>
<div class="user_info_btn" :calss="{'isLogin':'isLogin'}"></div>
...
js
...
this.isLogin = getCookie('userID') === '';
this.$nexttick(function(){
//保证想要的控制节点渲染完毕后初始化
this.selector='.user_info_btn.isLogin';
})
...
```