u

code/base-project/base-vue/packages/ao-design/src/input/demo.vue

@@ -0,0 +1,56 @@
+<template>
+  <div
+    style="
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+    "
+  >
+    <!-- 内层保留原来的布局 -->
+    <div
+      style="
+        display: flex;
+        gap: 12px;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        width: 300px;
+      "
+    >
+      <AInput size="small" placeholder="Small 输入框" password />
+
+      <AInput
+        size="medium"
+        placeholder="Medium 输入框"
+        clearable
+      />
+
+      <AInput
+        size="large"
+        placeholder="Large 输入框"
+      />
+
+      <AInput
+        size="small"
+        placeholder="Large 输入框"
+        prepend="http"
+        append=".com"
+      />
+
+      <AInput
+        size="medium"
+        placeholder="Large 输入框"
+        prepend="http"
+        append=".com"
+      />
+
+      <AInput
+        size="large"
+        placeholder="Large 输入框"
+        prepend="http"
+        append=".com"
+      />
+    </div>
+  </div>
+</template>