u

code/base-project/base-vue/src/App.vue

@@ -1,13 +1,24 @@
 <script setup lang="ts">
+import { ref } from 'vue'
 
+const value = ref('')
 </script>
 
 <template>
-  <div>
-    content
+  <div class="main">
+    <ASwitch v-model="value" loading checked-value="1" unchecked-value="2" checked-content="1" unchecked-content="2" />
+    {{ value }}
   </div>
 </template>
 
 <style lang="scss" scoped>
-
-</style>
+.main {
+  width: 100%;
+  height: 800px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 16px;
+}
+</style>