69 lines
922 B
Vue
69 lines
922 B
Vue
<template>
|
|
<view class="pg-cont">
|
|
<view class="pg-header">
|
|
<slot name="header"></slot>
|
|
</view>
|
|
<view class="pg-body">
|
|
<view class="pgb-h-full">
|
|
<view style="height: 100%;min-height: 100%;overflow-y: auto;">
|
|
<slot name="body"></slot>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="pg-footer">
|
|
<slot name="footer"></slot>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
mode: {
|
|
default () {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
created() {
|
|
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
destroyed() {},
|
|
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.pg-cont{
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.pgb-h-full{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.pg-body{
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
</style> |