@moment-design/choose-red-packet v0.0.4

选择红包模版组件

使用组件

安装依赖

npm install @moment-design/choose-red-packet --save

使用组件

<template>
  <!-- 按钮 -->
  <m-space>
    <m-button type="primary" @click="open">选择红包模版</m-button>
  </m-space>
  <!-- 组件 -->
  <ChooseRedPacket
    ref="refChooseRedPacket"
    :config="config"
    @choose="(v) => (data = v)"
  ></ChooseRedPacket>
  <!-- 数据 -->
  <div style="margin-top: 16px">
    已选数据:
    {{ data }}
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import ChooseRedPacket from '@moment-design/choose-red-packet';
import "@moment-design/choose-red-packet/dist/css/index.css";
import "@moment-design/choose-red-packet/dist/css/index.css";
import { getList } from './api';

const refChooseRedPacket = ref();
const config = {
  api: getList,
  params: {
    enable: 1,
    usageScenarios: 0,
  },
};
const data = ref();
const open = () => {
  refChooseRedPacket.value.open(data.value);
};
</script>

API

Props

Events

Expose