xingyy
xingyy 1 year ago
parent b754cbf566
commit 4957abd51c

@ -33,12 +33,6 @@ export default {
width: 404rpx!important; width: 404rpx!important;
height: 306rpx!important; height: 306rpx!important;
} }
.u-tabbar__content {
display: flex;
align-items: center;
height: 166rpx;
}
.u-border-top {
border: none !important;
}
</style> </style>

@ -1,11 +1,11 @@
<template> <template>
<view class="tabbar"> <view class="tabbar">
<u-tabbar class="tabbar-ios-fix" :border-top="false" activeColor='#22bf8e' :value="current?current:0" :fixed="true" <u-tabbar :border="false" class="tabbar-ios-fix" activeColor='#22bf8e' :value="current?current:0" :fixed="true"
:placeholder="true" :safeAreaInsetBottom="true" @change="handleTabClick"> :placeholder="true" :safeAreaInsetBottom="true" @change="handleTabClick">
<u-tabbar-item v-for='(item,index) in tabList' :key="index" :text="item.text"> <u-tabbar-item v-for='(item,index) in tabList' :key="index" :text="item.text">
<image slot="inactive-icon" class="u-page__item__slot-icon" :src="item.iconPath"> <image style="width: 52rpx;height: 52rpx" slot="inactive-icon" class="u-page__item__slot-icon" :src="item.iconPath">
</image> </image>
<image slot="active-icon" class="u-page__item__slot-icon" :src="item.selectedIconPath"> <image style="width: 52rpx;height: 52rpx" slot="active-icon" class="u-page__item__slot-icon" :src="item.selectedIconPath">
</image> </image>
</u-tabbar-item> </u-tabbar-item>
</u-tabbar> </u-tabbar>
@ -42,7 +42,7 @@ export default {
} }
/*.tabbar-ios-fix { .tabbar-ios-fix {
bottom: calc(120rpx + env(safe-area-inset-bottom)); bottom: calc(120rpx + env(safe-area-inset-bottom));
}*/ }
</style> </style>

@ -40,7 +40,7 @@
* @property {Boolean} fixed 是否固定在底部默认 true * @property {Boolean} fixed 是否固定在底部默认 true
* @property {Boolean} placeholder fixed定位固定在底部时是否生成一个等高元素防止塌陷默认 true * @property {Boolean} placeholder fixed定位固定在底部时是否生成一个等高元素防止塌陷默认 true
* @property {Object} customStyle 定义需要用到的外部样式 * @property {Object} customStyle 定义需要用到的外部样式
* *
* @example <u-tabbar :value="value2" :placeholder="false" @change="name => value2 = name" :fixed="false" :safeAreaInsetBottom="false"><u-tabbar-item text="首页" icon="home" dot ></u-tabbar-item></u-tabbar> * @example <u-tabbar :value="value2" :placeholder="false" @change="name => value2 = name" :fixed="false" :safeAreaInsetBottom="false"><u-tabbar-item text="首页" icon="home" dot ></u-tabbar-item></u-tabbar>
*/ */
export default { export default {
@ -112,7 +112,6 @@
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../../libs/css/components.scss"; @import "../../libs/css/components.scss";
@ -120,11 +119,11 @@
@include flex(column); @include flex(column);
flex: 1; flex: 1;
justify-content: center; justify-content: center;
&__content { &__content {
@include flex(column); @include flex(column);
background-color: #fff; background-color: #fff;
&__item-wrapper { &__item-wrapper {
height: 50px; height: 50px;
@include flex(row); @include flex(row);

Loading…
Cancel
Save