u
This commit is contained in:
1 parent
8bd73b3786
commit
554fe2945f
15 files changed
+531
-159
No files matched your search
@@ -2,9 +2,114 @@
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<AConfigProvider>
|
||||
<AButton type="primary">
|
||||
按钮 A
|
||||
<!-- 状态按钮 (solid) -->
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<AButton status="normal">
|
||||
Normal
|
||||
</AButton>
|
||||
</AConfigProvider>
|
||||
<AButton status="primary">
|
||||
主按钮
|
||||
</AButton>
|
||||
<AButton status="warning">
|
||||
警告
|
||||
</AButton>
|
||||
<AButton status="danger">
|
||||
危险
|
||||
</AButton>
|
||||
<AButton status="success">
|
||||
成功
|
||||
</AButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<AButton status="normal" type="outline">
|
||||
Normal
|
||||
</AButton>
|
||||
<AButton status="primary" type="outline">
|
||||
主按钮
|
||||
</AButton>
|
||||
<AButton status="warning" type="outline">
|
||||
警告
|
||||
</AButton>
|
||||
<AButton status="danger" type="outline">
|
||||
危险
|
||||
</AButton>
|
||||
<AButton status="success" type="outline">
|
||||
成功
|
||||
</AButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<AButton status="normal" type="dashed">
|
||||
Normal
|
||||
</AButton>
|
||||
<AButton status="primary" type="dashed">
|
||||
主按钮
|
||||
</AButton>
|
||||
<AButton status="warning" type="dashed">
|
||||
警告
|
||||
</AButton>
|
||||
<AButton status="danger" type="dashed">
|
||||
危险
|
||||
</AButton>
|
||||
<AButton status="success" type="dashed">
|
||||
成功
|
||||
</AButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<AButton status="normal" type="text">
|
||||
Normal
|
||||
</AButton>
|
||||
<AButton status="primary" type="text">
|
||||
主按钮
|
||||
</AButton>
|
||||
<AButton status="warning" type="text">
|
||||
警告
|
||||
</AButton>
|
||||
<AButton status="danger" type="text">
|
||||
危险
|
||||
</AButton>
|
||||
<AButton status="success" type="text">
|
||||
成功
|
||||
</AButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<AButton status="normal" disabled>
|
||||
禁用
|
||||
</AButton>
|
||||
<AButton status="primary" disabled>
|
||||
禁用
|
||||
</AButton>
|
||||
<AButton type="outline" disabled>
|
||||
禁用
|
||||
</AButton>
|
||||
<AButton type="dashed" disabled>
|
||||
禁用
|
||||
</AButton>
|
||||
<AButton type="text" disabled>
|
||||
禁用
|
||||
</AButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<AButton status="normal" loading>
|
||||
loading
|
||||
</AButton>
|
||||
<AButton status="primary" loading>
|
||||
loading
|
||||
</AButton>
|
||||
<AButton type="outline" loading>
|
||||
loading
|
||||
</AButton>
|
||||
<AButton type="dashed" loading>
|
||||
loading
|
||||
</AButton>
|
||||
<AButton type="text" loading>
|
||||
loading
|
||||
</AButton>
|
||||
</div>
|
||||
|
||||
<AInput />
|
||||
</template>
|
||||
@@ -12,5 +12,8 @@ declare module 'vue' {
|
||||
AConfigProvider: typeof import('@ao/ao-design')['ConfigProvider']
|
||||
AIcon: typeof import('@ao/ao-design')['Icon']
|
||||
AInput: typeof import('@ao/ao-design')['Input']
|
||||
ALoading: typeof import('@ao/ao-design')['Loading']
|
||||
ALoding: typeof import('@ao/ao-design')['Loding']
|
||||
ASpin: typeof import('@ao/ao-design')['Spin']
|
||||
}
|
||||
}
|
||||
@@ -1 +1,5 @@
|
||||
@import '@ao/ao-design/index.scss';
|
||||
@use '@ao/ao-design/index.scss' as *;
|
||||
|
||||
body {
|
||||
font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
Reference in new issue
Block a user