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.
76 lines
2.1 KiB
76 lines
2.1 KiB
<template>
|
|
<view
|
|
v-if="onlyBack"
|
|
class="gui-header-leader"
|
|
style="padding:0;">
|
|
<view class="gui-header-leader-btns"
|
|
hover-class="gui-tap">
|
|
<text
|
|
class="gui-header-leader-btns gui-block-text gui-icons gui-primary-color"
|
|
hover-class="gui-tap"
|
|
@tap="goback"
|
|
:style="'text-align:left; '+buttonStyle"></text>
|
|
</view>
|
|
</view>
|
|
<view
|
|
v-else-if="onlyHome"
|
|
style="padding:0;"
|
|
class="gui-header-leader">
|
|
<view
|
|
class="gui-header-leader-btns"
|
|
hover-class="gui-tap">
|
|
<text
|
|
class="gui-header-leader-btns gui-block-text gui-icons gui-primary-color"
|
|
@tap="gohome"
|
|
:style="'text-align:left; font-size:35rpx; '+ buttonStyle"></text>
|
|
</view>
|
|
</view>
|
|
<view
|
|
v-else
|
|
class="gui-header-leader gui-flex gui-rows gui-nowrap gui-align-items-center gui-header-buttons-bg gui-border-box"
|
|
:style="bgStyle">
|
|
<view class="gui-header-leader-btns"
|
|
hover-class="gui-tap">
|
|
<text
|
|
class="gui-header-leader-btns gui-block-text gui-icons gui-header-buttons-color"
|
|
@tap="gohome"
|
|
:style="'font-size:35rpx; '+ buttonStyle"></text>
|
|
</view>
|
|
<view
|
|
style="margin-left:12rpx;"
|
|
class="gui-header-leader-btns"
|
|
hover-class="gui-tap">
|
|
<text class="gui-header-leader-btns gui-block-text gui-icons gui-header-buttons-color"
|
|
@tap="goback"
|
|
:style="buttonStyle"></text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default{
|
|
name : "gui-header-leading",
|
|
props : {
|
|
homePage : {type:String , default:"/pages/index/index"},
|
|
bgStyle : {type:String , default:""},
|
|
buttonStyle : {type:String , default:""},
|
|
onlyBack : {type:Boolean, default:false},
|
|
onlyHome : {type:Boolean, default:false}
|
|
},
|
|
methods:{
|
|
goback : function () {
|
|
uni.navigateBack({delta:1});
|
|
this.$emit('goback');
|
|
},
|
|
gohome : function () {
|
|
if(this.homePage != ''){
|
|
uni.switchTab({url:this.homePage});
|
|
}
|
|
this.$emit('gohome');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.gui-header-leader{height:55rpx; border-radius:55rpx; overflow:hidden; padding:0 25rpx;}
|
|
.gui-header-leader-btns{width:40rpx; line-height:55rpx; font-size:30rpx; text-align:center; margin:0rpx; overflow:hidden;}
|
|
</style>
|