|
@ -4,25 +4,31 @@ |
|
|
<view class="title" |
|
|
<view class="title" |
|
|
:style="{backgroundColor : bgColor,color}"> |
|
|
:style="{backgroundColor : bgColor,color}"> |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
|
|
|
|
|
|
|
|
|
<uv-icon name="home" |
|
|
|
|
|
v-if="leftClick && length == 1" |
|
|
|
|
|
@click="toHome" |
|
|
|
|
|
:color="color" size="46rpx"></uv-icon> |
|
|
|
|
|
|
|
|
<uv-icon name="arrow-left" |
|
|
<uv-icon name="arrow-left" |
|
|
v-if="leftClick" |
|
|
|
|
|
|
|
|
v-else-if="leftClick" |
|
|
@click="$emit('leftClick')" |
|
|
@click="$emit('leftClick')" |
|
|
:color="color" size="46rpx"></uv-icon> |
|
|
|
|
|
|
|
|
:color="color" size="46rpx"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
<view>{{ title }}</view> |
|
|
<view>{{ title }}</view> |
|
|
<view class="icon"> |
|
|
<view class="icon"> |
|
|
|
|
|
|
|
|
<uv-icon name="search" |
|
|
<uv-icon name="search" |
|
|
v-if="isSearch" |
|
|
v-if="isSearch" |
|
|
:color="color" size="58rpx"></uv-icon> |
|
|
|
|
|
|
|
|
:color="color" size="58rpx"></uv-icon> |
|
|
|
|
|
|
|
|
<uv-icon name="plus-circle" :color="color" |
|
|
|
|
|
|
|
|
<uv-icon name="plus-circle" :color="color" |
|
|
v-if="isPlus" |
|
|
v-if="isPlus" |
|
|
@click="plusCircleShow = true" |
|
|
@click="plusCircleShow = true" |
|
|
size="46rpx" style="margin-left: 30rpx;"></uv-icon> |
|
|
size="46rpx" style="margin-left: 30rpx;"></uv-icon> |
|
|
|
|
|
|
|
|
<view v-if="moreClick" style="margin-left: 30rpx;"> |
|
|
<view v-if="moreClick" style="margin-left: 30rpx;"> |
|
|
<uv-icon name="more-dot-fill" :color="color" |
|
|
|
|
|
|
|
|
<uv-icon name="more-dot-fill" :color="color" |
|
|
v-if="!moreText" |
|
|
v-if="!moreText" |
|
|
@click="moreClick()" |
|
|
@click="moreClick()" |
|
|
size="46rpx"></uv-icon> |
|
|
size="46rpx"></uv-icon> |
|
@ -63,7 +69,7 @@ |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
bgColor : { |
|
|
bgColor : { |
|
|
default : '#F9FEFE' |
|
|
|
|
|
|
|
|
default : '#fff' |
|
|
}, |
|
|
}, |
|
|
color : { |
|
|
color : { |
|
|
default : '#333' |
|
|
default : '#333' |
|
@ -75,9 +81,18 @@ |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
length : getCurrentPages().length |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
methods : { |
|
|
methods : { |
|
|
|
|
|
toHome(){ |
|
|
|
|
|
if(this.length != 1){ |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
uni.reLaunch({ |
|
|
|
|
|
url: '/pages/index/index' |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
@ -96,7 +111,7 @@ |
|
|
padding-top: calc(var(--status-bar-height) + 20rpx); |
|
|
padding-top: calc(var(--status-bar-height) + 20rpx); |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100rpx; |
|
|
height: 100rpx; |
|
|
background-color: #F9FEFE; |
|
|
|
|
|
|
|
|
background-color: #fff; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|