<template>
    <div class="page-title-wrap min-flex">
        <b >{{ pageTitle }}</b>
    </div>
</template>
<script>
// import GuipInput from '@/components/GuipInput.vue';
import { mapState } from 'vuex';
export default {
    // 站点设置
    name: '',
    props: [''],
    components: {
        // GuipInput,

    },
    data() {
        return {

        }
    },
    computed: {
        ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
    },
    methods: {
    }
}
</script>
<style lang="scss">
.page-title-wrap {
    width: 100%;
    height: 72px;
    /* 自动布局 */
    display: flex;
    flex-direction: column;
    padding: 24px 12px;

    b {
        /* headline/haeadline_3_bold */
        font-family: Microsoft YaHei UI;
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 0.06em;
        font-variation-settings: "opsz" auto;
        /* text/text_1 */
        color: #1E2226;
        display: inline-block;
        text-align: left;
    }
}
</style>