56 lines
1.1 KiB
Vue
56 lines
1.1 KiB
Vue
<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> |