<template>
    <view class="ant-layout-header header">
        <uni-row>
            <uni-col :span="6" style="text-align: left;">
                <view class="ant-btn back" @click="back">返回</view>
            </uni-col>
            <uni-col :span="12">
                <view class="title">
                    设置/{{ title }}
                </view>
            </uni-col>
            <uni-col :span="6">
                <slot name="rightBtn"></slot>
            </uni-col>
        </uni-row>
    </view>
</template>

<script>
export default {
    name: 'HeadTitle',
    props: {
        title: {
            type: String,
            default: '标题'
        },
    },
    methods: {
        back() {
            uni.navigateBack({
                delta: 1
            })
        }
    }
}
</script>

<style scoped>
.header{
    padding: 0 20px;
}
/* .header .ant-btn{
    background: #2F3242;
    border-color: #2F3242;
    height: 46px;
    width: 128px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
} */
.header .title{
    font-size: 24px;
    color: #747A8D;
}
</style>