46 lines
952 B
Vue
46 lines
952 B
Vue
<template>
|
|
<div class="title">
|
|
<div class="title_icon">
|
|
<img src="@/assets/projectLarge/section.svg" alt="">
|
|
<img src="@/assets/projectLarge/border.svg" alt="">
|
|
</div>
|
|
<div v-if="prefix">
|
|
<img src="@/assets/projectLarge/robot.svg" alt="" style="width: 20px; height: 20px;margin-right: 5px;">
|
|
</div>
|
|
<div>{{ title }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps({
|
|
title: {
|
|
type: String,
|
|
default: '标题'
|
|
},
|
|
prefix: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.title {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 3px;
|
|
font-family: 'AlimamaShuHeiTi', sans-serif;
|
|
|
|
.title_icon {
|
|
position: relative;
|
|
|
|
&>img:last-child {
|
|
position: absolute;
|
|
bottom: 4px;
|
|
left: 0;
|
|
}
|
|
}
|
|
}
|
|
</style>
|