fix: 修改个人中心页、导航栏bug
This commit is contained in:
@@ -14,7 +14,6 @@
|
||||
}
|
||||
|
||||
.nav-bar__inner {
|
||||
height: @nav-inner-height;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
@@ -71,6 +70,7 @@
|
||||
font-weight: @fw-nav-title;
|
||||
color: @color-nav-title;
|
||||
letter-spacing: @ls-nav-title;
|
||||
line-height: 1;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { NAV_INNER_PX } from '../../utils/navMetrics';
|
||||
import { getNavInnerPx } from '../../utils/navMetrics';
|
||||
|
||||
const HOME_TAB_URL = '/pages/home/home';
|
||||
const HOME_ROUTE = 'pages/home/home';
|
||||
@@ -19,6 +19,7 @@ Component({
|
||||
},
|
||||
data: {
|
||||
statusBarHeight: 0,
|
||||
navInnerHeight: 44,
|
||||
navBlockHeight: 0,
|
||||
leftActionType: 'none' as 'none' | 'back' | 'home' | 'brand',
|
||||
/** 仅首页(Tab 根页)在 logo 旁展示「涂鸦丫」;其余主 Tab 只展示 logo */
|
||||
@@ -27,9 +28,11 @@ Component({
|
||||
lifetimes: {
|
||||
attached() {
|
||||
const { statusBarHeight } = wx.getWindowInfo();
|
||||
const navInnerHeight = getNavInnerPx();
|
||||
this.setData({
|
||||
statusBarHeight,
|
||||
navBlockHeight: statusBarHeight + NAV_INNER_PX,
|
||||
navInnerHeight,
|
||||
navBlockHeight: statusBarHeight + navInnerHeight,
|
||||
});
|
||||
this.syncLeftAction();
|
||||
},
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<view
|
||||
class="nav-bar"
|
||||
style="padding-top: {{statusBarHeight}}px; {{background ? 'background:' + background + ';' : ''}}">
|
||||
<view class="nav-bar__inner">
|
||||
<view class="nav-bar__inner" style="height: {{navInnerHeight}}px;">
|
||||
<view wx:if="{{leftActionType === 'brand'}}" class="nav-bar__brand">
|
||||
<image
|
||||
class="nav-bar__logo"
|
||||
|
||||
Reference in New Issue
Block a user