34 lines
606 B
Vue
34 lines
606 B
Vue
<docs>
|
||
---
|
||
order: 5
|
||
title:
|
||
zh-CN: 自定义颜色
|
||
en-US: Custom Color
|
||
---
|
||
|
||
## zh-CN
|
||
|
||
通过设置 `color` 自定义二维码颜色，通过设置 `style` 自定义背景颜色。
|
||
|
||
## en-US
|
||
Custom Color.
|
||
</docs>
|
||
|
||
<template>
|
||
<a-space>
|
||
<a-qrcode value="http://www.antdv.com" :color="token.colorSuccessText" />
|
||
<a-qrcode
|
||
value="http://www.antdv.com"
|
||
:color="token.colorInfoText"
|
||
:bg-color="token.colorBgLayout"
|
||
/>
|
||
</a-space>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { theme } from 'ant-design-vue';
|
||
|
||
const { useToken } = theme;
|
||
const { token } = useToken();
|
||
</script>
|