Files
shoot-miniprograms/src/components/Header.vue
2025-05-01 21:38:35 +08:00

42 lines
667 B
Vue

<script setup>
defineProps({
title: {
type: String,
default: "",
},
});
</script>
<template>
<view class="container">
<navigator open-type="navigateBack" class="back-btn">
<image src="../static/back.png" mode="widthFix" />
</navigator>
<text>{{ title }}</text>
</view>
</template>
<style scoped>
.container {
display: flex;
justify-content: flex-start;
align-items: center;
width: 72vw;
height: 60px;
padding-left: 15px;
padding-top: 36px;
}
.back-btn {
display: flex;
align-items: center;
}
.back-btn > image {
width: 22px;
height: 22px;
margin-right: 10px;
}
.container > text {
color: #fff;
}
</style>