u

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

@@ -1,6 +1,24 @@
+<script setup lang="ts">
+function setDark() {
+  document.documentElement.setAttribute('theme-mode', 'dark')
+}
+function setLight() {
+  document.documentElement.setAttribute('theme-mode', 'light')
+}
+</script>
+
 <template>
   <div style="height: 100vh;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;">
-    <!-- 状态按钮 (solid) -->
+    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
+      <AButton status="primary" size="medium" @click="setDark">
+        黑色主题
+      </AButton>
+
+      <AButton status="primary" size="medium" @click="setLight">
+        白色主题
+      </AButton>
+    </div>
+
     <div style="display: flex; gap: 8px; margin-bottom: 16px;">
       <AButton status="normal">
         Normal
@@ -119,5 +137,8 @@
         large
       </AButton>
     </div>
+
+    <AInput style="width: 200px;" clearable show-count />
+    <ATextarea style="width: 200px;" clearable show-count />
   </div>
 </template>