51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
<!--
|
|
* @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>
|