<!--
 * @Author: tengmingxue 1473375109@qq.com
 * @Date: 2023-06-07 09:13:25
 * @LastEditors: tengmingxue 1473375109@qq.com
 * @LastEditTime: 2023-06-07 09:19:34
 * @FilePath: \yx-big-screen\src\views\map\dialog\DialogTitle\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->


<template>
  <!-- 标题 -->
  <div class="conponent-title">
    <span class="arraw"></span>
    <span class="name">{{ titleName }}</span>
  </div>
</template>
          
    <script>
import { defineComponent, reactive, toRefs, onMounted, ref, watch, getCurrentInstance } from 'vue';
import moment from 'moment';
const props = {
  titleName: { type: String, require: true },
};
export default defineComponent({
  name: 'Appendix',
  components: {},
  props,
  setup(props,{emit}) {
    const data = reactive({
        titleName:props.titleName,
    });
    onMounted(() => {});
    return {
      ...toRefs(data),
    };
  },
});
</script>
      <style lang="less" scoped>
.conponent-title {
  display: flex;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  .arraw {
    display: flex;
    height: 18px;
    width: 16px;
    background-image: url('/@/assets/images/dialog/arrow.png');
    background-size: 100% 100%;
    margin-right: 6px;
  }
  .name {
    display: flex;
    width: calc(100% - 20px);
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #ffffff;
  }
}
</style>