数字化大屏

src/views/projectLarge/digitalizationScreen/components/title.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="title">
+        <div class="title_icon">
+            <img src="@/assets/projectLarge/section.svg" alt="">
+            <img src="@/assets/projectLarge/border.svg" alt="">
+        </div>
+        <div>
+            <slot></slot>
+        </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>