GitHub VI Ủng hộ

THE VIETQR PLAYGROUND

Vài thông tin. Một mã QR của bạn.

Khám phá component, chọn một giao diện rồi mang code về ứng dụng của bạn.

Hướng dẫn tích hợp

Thông tin chuyển khoản

Thử dữ liệu mẫu hoặc nhập thông tin của bạn.

Giao diện QR

Xem trước trực tiếp

Vietcombank

Tên tài khoản

NGUYEN NGOC A

Số tài khoản

1122334455

Thanh toán

50.000 ₫

Thay đổi thông tin để xem QR cập nhật.

Powered by @viet-qr/vue

Code QR tương ứng

<script setup>
// Place your logo at public/vietqr-logo.svg.
import { CompactCard } from '@viet-qr/templates/vue';
import '@viet-qr/templates/styles.css';
</script>

<template>
  <CompactCard
  :bankId="&quot;VCB&quot;"
  :accountNo="&quot;1122334455&quot;"
  :accountName="&quot;NGUYEN NGOC A&quot;"
  :amount="50000"
  :content="&quot;Thanh toan don hang&quot;"
  :size="240"
  :renderAs="&quot;svg&quot;"
  :theme="&quot;light&quot;"
  :locale="&quot;vi&quot;"
  :imageSettings="{&quot;src&quot;:&quot;/vietqr-logo.svg&quot;,&quot;width&quot;:40,&quot;height&quot;:40,&quot;excavate&quot;:false}"
  />
</template>

Tài khoản điền sẵn là dữ liệu minh họa. Không chuyển tiền vào tài khoản này. Ảnh tải về chỉ chứa QR, không gồm phần chữ trên thẻ.