xingyy/uni-Identify-quality
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

submit

Browse Source
This commit is contained in:
xingyy 2023-09-26 11:13:01 +08:00
parent b754cbf566
commit 4957abd51c
3 changed files with 10 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
App.vue
View File

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

10
components/uiq-tabbar/uiq-tabbar.vue
View File

@ -1,11 +1,11 @@
<template>
<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">
<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 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>
</u-tabbar-item>
</u-tabbar>
@ -42,7 +42,7 @@ export default {
}
/*.tabbar-ios-fix {
.tabbar-ios-fix {
bottom: calc(120rpx + env(safe-area-inset-bottom));
}*/
}
</style>

7
uview-ui/components/u-tabbar/u-tabbar.vue
View File

@ -40,7 +40,7 @@
* @property {Boolean} fixed 是否固定在底部（默认 true ）
* @property {Boolean} placeholder fixed定位固定在底部时，是否生成一个等高元素防止塌陷（默认 true ）
* @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>
*/
export default {
@ -112,7 +112,6 @@
}
}
</script>
<style lang="scss" scoped>
@import "../../libs/css/components.scss";
@ -120,11 +119,11 @@
@include flex(column);
flex: 1;
justify-content: center;
&__content {
@include flex(column);
background-color: #fff;
&__item-wrapper {
height: 50px;
@include flex(row);