style:合并

src/components/index.js

@@ -0,0 +1,4 @@
+import CompulsoryTag from './tag/CompulsoryTag.vue'
+export {
+	CompulsoryTag
+}

src/components/tag/CompulsoryTag.vue

@@ -0,0 +1,27 @@
+<!-- 必修标签 -->
+<template>
+  <div class="compulsoryTag">
+    <div class="btn">必修</div>
+  </div>
+</template>
+<script>
+export default {
+  name: "CompulsoryTag",
+};
+</script>
+<style scoped lang="scss">
+.compulsoryTag {
+  .btn {
+    width: 80px;
+    height: 26px;
+    background: linear-gradient(90deg, #84aad2 0%, #a4c5e9 100%);
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    font-weight: 500;
+    color: #ffffff;
+  }
+}
+</style>