28 lines
649 B
Vue
28 lines
649 B
Vue
|
<docs>
|
|||
|
|
---
|
|||
|
|
order: 8
|
|||
|
|
title:
|
|||
|
|
zh-CN: 幽灵按钮
|
|||
|
|
en-US: Ghost Button
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## zh-CN
|
|||
|
|
|
|||
|
|
幽灵按钮将按钮的内容反色，背景变为透明，常用在有色背景上。
|
|||
|
|
|
|||
|
|
## en-US
|
|||
|
|
|
|||
|
|
`ghost` property will make button's background transparent, it is commonly used in colored background.
|
|||
|
|
|
|||
|
|
</docs>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div :style="{ background: 'rgb(190, 200, 200)', padding: '26px 16px 16px' }">
|
|||
|
|
<a-button type="primary" ghost>Primary</a-button>
|
|||
|
|
<a-button ghost>Default</a-button>
|
|||
|
|
<a-button type="dashed" ghost>Dashed</a-button>
|
|||
|
|
<a-button danger ghost>Danger</a-button>
|
|||
|
|
<a-button type="link" ghost>Link</a-button>
|
|||
|
|
</div>
|
|||
|
|
</template>
|