<!--
|
* @Author : yuan
|
* @Date : 2026-01-08 09:32:52
|
* @LastEditors : yuan
|
* @LastEditTime : 2026-01-08 09:43:00
|
* @FilePath : \applications\drone-command\src\views\dataCockpit\components\templateComponents\TitleTemplate.vue
|
* @Description :
|
* Copyright 2026 OBKoro1, All Rights Reserved.
|
* 2026-01-08 09:32:52
|
-->
|
<template>
|
<div class="title-box" :class="props.className">
|
<div class="title">
|
<slot></slot>
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
const props = defineProps({
|
className: {
|
type: String,
|
default: ''
|
}
|
})
|
</script>
|
|
<style lang="scss" scoped>
|
.title-box {
|
padding-left: 26px;
|
background: url('@/assets/images/dataCockpit/title-bg.png') center / 100% 100% no-repeat;
|
height: 34px;
|
|
.title {
|
height: 25px;
|
line-height: 25px;
|
|
font-family: PangMen;
|
font-weight: 400;
|
font-size: 18px;
|
color: #FFFFFF;
|
letter-spacing: 1px;
|
text-align: left;
|
font-style: normal;
|
text-transform: none;
|
}
|
}
|
|
.equipment-scene {
|
background: url('@/assets/images/dataCockpit/equipment-scene.png') center / 100% 100% no-repeat !important;
|
}
|
</style>
|
