first commit

src/components/Title/index.vue

@@ -0,0 +1,37 @@
+<template>
+    <div class="title">
+        <div class="text">{{ title }}</div>
+        <div class="arrow"></div>
+    </div>
+</template>
+<script setup>
+const props = defineProps({
+    title: {
+        default: '',
+        required: false,
+        type: String
+    }
+})
+</script>
+<style scoped lang="scss">
+.title{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 28px;
+    background: rgba(0,192,255,0.2);
+    padding: 0 12px 0 4px;
+    font-family: 'SHSCNB';
+    font-weight: 600;
+    font-size: 14px;
+    color: #00C0FF;
+    .arrow{
+        width: 8px;
+        height: 8px;
+        background: #FFC000;
+        clip-path: polygon(8px 0, 8px 8px, 0 8px);
+        transform: rotate(-45deg);
+    }
+}
+
+</style>