ant-design-vue/components/qrcode/demo/customColor.vue

33 lines
547 B
Vue
Raw Normal View History

<docs>
---
order: 5
title:
zh-CN: 自定义颜色
en-US: Custom Color
---
## zh-CN
通过设置 `color` 自定义二维码颜色通过设置 `style` 自定义背景颜色
## en-US
Custom Color.
</docs>
<template>
<a-space>
<div><a-qrcode value="http://www.antv.com" color="#73d13d" /></div>
<div><a-qrcode value="http://www.antv.com" color="#1677ff" /></div>
</a-space>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
setup() {
return {};
},
});
</script>