hi-ucs/front/src/views/detailsAll/components/DetalsTitle.vue

51 lines
1.1 KiB
Vue
Raw Normal View History

2022-06-14 09:32:49 +08:00
<!--
* @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>