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.
53 lines
805 B
53 lines
805 B
2 months ago
|
<template>
|
||
|
|
<view class="container">
|
||
|
|
<s-header :title="title" :isTab="isTab" :isCustom="isCustom">
|
||
|
|
<slot name="header"></slot>
|
||
|
|
</s-header>
|
||
|
|
<view class="view">
|
||
|
|
<view class="inner">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<s-tabber v-if="isTab" :selected="selected" />
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'cs-page',
|
||
|
|
props: {
|
||
|
|
selected: Number,
|
||
|
|
title: String,
|
||
|
|
isTab: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
},
|
||
|
|
isCustom: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.container {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr;
|
||
|
|
grid-template-rows: auto 1fr auto;
|
||
|
|
height: 100vh;
|
||
|
|
width: 100vw;
|
||
|
|
display: grid;
|
||
|
|
.view {
|
||
|
|
position: relative;
|
||
|
|
.inner {
|
||
|
|
position: absolute;
|
||
|
|
inset: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|