72 lines
1.1 KiB
Vue
72 lines
1.1 KiB
Vue
<template>
|
|
<view>
|
|
<status-nav
|
|
:ifReturn="ifReturn"
|
|
:returnColor="returnc"
|
|
:titleColor="titlec"
|
|
:navBarTitle="titlet"
|
|
:ifTitle="ifTitle"
|
|
:ifCenter="ifTitleCenter"
|
|
:backgroudColor="backgroundc"></status-nav>
|
|
<view class="" :style="{paddingBottom: '140rpx'}">
|
|
<slot name="content"></slot>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import statusNav from '../status-navs/custom-status-nav.vue';
|
|
export default {
|
|
name:"status-container",
|
|
components:{
|
|
statusNav
|
|
},
|
|
props:{
|
|
// 是否显示标题
|
|
ifTitle:{
|
|
type:Boolean,
|
|
default:true
|
|
},
|
|
// 标题文字
|
|
titlet:{
|
|
type:String,
|
|
default:'标题'
|
|
},
|
|
// 标题是否居中
|
|
ifTitleCenter:{
|
|
type:Boolean,
|
|
default:false
|
|
},
|
|
// 标题颜色
|
|
titlec:{
|
|
type:String,
|
|
default:'#FFFFFF'
|
|
},
|
|
// 是否显示返回键
|
|
ifReturn:{
|
|
type:Boolean,
|
|
default:true
|
|
},
|
|
// 返回键颜色
|
|
returnc:{
|
|
type:String,
|
|
default:"#333333"
|
|
},
|
|
// 导航栏背景色
|
|
backgroundc:{
|
|
type:String,
|
|
default:"transparent"
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|