字体文件

src/views/Workshop/index.vue

@@ -23,5 +23,6 @@ const {} = toRefs(data);
 		width: 100%;
 		height: 100%;
 		position: relative;
+		font-family: 'satoshiRegular';
 	}
 </style>

src/views/Workshop/selectStyle.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import SelectItem from "@/components/selectStyle/selectItem.vue";
 //const props = defineProps({
 //})
 //const emit = defineEmits([
 //])
 let data = reactive({
+
 })
 onMounted(()=>{
 })
@@ -16,9 +18,17 @@ const {} = toRefs(data);
 <template>
 	<div class="selectStyle">
 		<div class="title">
-			<SvgIcon name="Vector" color="red" size="30" />
+			<div class="icon">
+				<SvgIcon name="noLike" size="30" />
+				<SvgIcon name="like" size="30" />
+				<SvgIcon name="delete" color="red" size="30" />
+				<SvgIcon name="add" color="red" size="30" />
+				<SvgIcon name="update" color="red" size="30" />
+				<SvgIcon name="confirmation" color="red" size="30" />
+			</div>
 			12312
 		</div>
+		<SelectItem />
 	</div>
 </template>
 <style lang="less" scoped>