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.
71 lines
1.2 KiB
71 lines
1.2 KiB
<template>
|
|
<view>
|
|
<u-navbar :height="height" :border-bottom="false" :is-back="isBack" back-icon-color="#fff" :back-icon-name="backIconName"
|
|
:back-text="backText" :back-text-style="backTextStyle" :title="title" :title-color="titleColor"
|
|
:background="background"></u-navbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
// height: {
|
|
// type: Number,
|
|
// default: 60
|
|
// },
|
|
isBack: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
backIconName: {
|
|
type: String,
|
|
default: "arrow-leftward"
|
|
},
|
|
backText: {
|
|
type: String,
|
|
default: ""
|
|
},
|
|
backTextStyle: {
|
|
type: Object,
|
|
default: {
|
|
color: "#fff"
|
|
}
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: " "
|
|
},
|
|
titleColor: {
|
|
type: String,
|
|
default: "#fff"
|
|
},
|
|
background: {
|
|
type: Object,
|
|
default: {
|
|
background: "#1479FF"
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
height: 44
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
created() {
|
|
const btnInfo = uni.getMenuButtonBoundingClientRect()
|
|
const sysInfo = uni.getSystemInfoSync()
|
|
this.height = btnInfo.top + btnInfo.height + 25 - sysInfo.statusBarHeight
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|