<!--
 * @Author: hisense.liangjunhua
 * @Date: 2022-06-08 15:40:04
 * @LastEditors: hisense.liangjunhua
 * @LastEditTime: 2022-06-08 15:40:37
 * @Description: 算法详情页头部标题
-->
<template>
  <div class="top">
    <span class="left"></span>
    {{ props.title }}
    <span class="right"></span>
  </div>
  <div class="bottom">{{ props.type }}</div>
</template>
<script setup>
  import { defineProps } from 'vue'
  const props = defineProps({
    title: { type: String, default: '' },
    type: { type: String, default: '' },
  })
</script>
<style lang="less" scoped>
  .top {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    line-height: 38px;
    span {
      width: 224px;
      height: 16px;
    }
    .left {
      background: url('~@/assets/detailsAll/sf_video_left.png') no-repeat;
      margin-right: 20px;
    }
    .right {
      background: url('~@/assets/detailsAll/sf_video_right.png') no-repeat;
      margin-left: 20px;
    }
  }
  .bottom {
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    color: #999;
    margin-top: 15px;
  }
</style>
