kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
41 lines (40 loc) • 1 kB
Markdown
<cn>
#### 浅色主题
浅色主题
</cn>
```vue
<template>
<Space>
<Button type="primary" theme="light">Primary</Button>
<Button type="danger" theme="light">Danger</Button>
<Button type="warning" theme="light">Warning</Button>
<Button theme="light">Default</Button>
</Space>
<br/>
<br/>
<Space>
<Button type="primary" theme="light" :icon="Camera" />
<Button type="danger" theme="light" :icon="Camera" />
<Button type="warning" theme="light" :icon="Camera" />
<Button theme="light" :icon="Camera" />
</Space>
<br/>
<br/>
<Space>
<Button type="primary" theme="light" :icon="Camera" shape="circle" />
<Button type="danger" theme="light" :icon="Camera" shape="circle" />
<Button type="warning" theme="light" :icon="Camera" shape="circle" />
<Button theme="light" :icon="Camera" shape="circle" />
</Space>
</template>
<script>
import { Camera } from 'kui-icons'
export default{
data() {
return {
Camera
}
}
}
</script>
```