QrCode 二维码

基本使用

tsx

import { QrCode } from "@lite-code/shared";

export default () => {
  return (
    <QrCode
      value={"https://sheinsight.github.io/shineout-next/#/cn/doc/shineout/start"}
      style={{
        border: "5px solid var(--vp-c-gutter)",
        borderRadius: "10px",
        padding: "10px",
      }}
    />
  );
};

自定义样式

tsx

import { QrCode } from "@lite-code/shared";

export default () => {
  return (
    <QrCode
      value={"https://sheinsight.github.io/shineout-next/#/cn/doc/shineout/start"}
      size={200}
      fgColor="#0dac4d"
      bgColor="#fff"
      style={{
        border: "5px solid var(--vp-c-gutter)",
        borderRadius: "10px",
        padding: "10px",
      }}
      imageSettings={{
        src: "https://sheinsight.github.io/shineout-next/static/image/logo.png",
        width: 30,
        height: 30,
        excavate: true,
      }}
    />
  );
};