57 lines
1.0 KiB
Vue
57 lines
1.0 KiB
Vue
<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>
|