appApplet/components/containers/status-container.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="pad-zy20" :style="{paddingBottom: '70px'}">
<slot name="content"></slot>
</view>
</view>
</template>
<script>
import statusNav from '../status-navs/status-nav.vue';
export default {
name:"status-container",
components:{
statusNav
},
props:{
// 是否显示标题
ifTitle:{
type:Boolean,
default:true
},
// 标题文字
titlet:{
type:String,
default:'标题'
},
// 标题是否居中
ifTitleCenter:{
type:Boolean,
default:true
},
// 标题颜色
titlec:{
type:String,
default:'#000000'
},
// 是否显示返回键
ifReturn:{
type:Boolean,
default:true
},
// 返回键颜色
returnc:{
type:String,
default:"#333333"
},
// 导航栏背景色
backgroundc:{
type:String,
default:"#FFFFFF"
}
},
data() {
return {
};
}
}
</script>
<style>
</style>