2023-06-07 13:42:11 +07:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
const props = defineProps({
|
2023-06-08 18:24:09 +07:00
|
|
|
title: String,
|
2023-06-07 13:42:11 +07:00
|
|
|
close: {
|
|
|
|
|
type: Function,
|
|
|
|
|
default: () => console.log("not function"),
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
const close = async () => {
|
|
|
|
|
props.close();
|
|
|
|
|
};
|
|
|
|
|
</script>
|
2023-06-13 01:15:17 +07:00
|
|
|
<template>
|
|
|
|
|
<q-toolbar class="header-main">
|
|
|
|
|
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
|
|
|
|
|
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
|
|
|
|
|
</q-toolbar>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.header-main {
|
|
|
|
|
padding: 16px 0px 16px 27px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.header-text {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
color: #35373C;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
