You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
# cc-myTabbar
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### 我的技术公众号(私信可加前端技术交流群)
|
|
|
|
|
|
|
|
|
|
|
|
群内气氛挺不错的，应该或许可能大概，算是为数不多的，专搞技术的前端群，偶尔聊天摸鱼
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#### 使用方法
|
|
|
|
|
|
```使用方法
|
|
|
|
|
|
<!-- tabBarShow：显示第几个tabbar -->
|
|
|
|
|
|
<cc-myTabbar :tabBarShow="0"></cc-myTabbar>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 隐藏原生tabbar -->
|
|
|
|
|
|
onReady() {
|
|
|
|
|
|
uni.hideTabBar()
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 页面距离底部140rpx(自定义tabbar的高度) -->
|
|
|
|
|
|
page {
|
|
|
|
|
|
padding-bottom: 140rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
#### HTML代码实现部分
|
|
|
|
|
|
```html
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
|
<view class="page">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- tabBarShow：显示第几个tabbar -->
|
|
|
|
|
|
<cc-myTabbar :tabBarShow="0"></cc-myTabbar>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
|
|
|
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
onReady() {
|
|
|
|
|
|
uni.hideTabBar()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
page {
|
|
|
|
|
|
padding-bottom: 140rpx;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```
|
