scexpo-activity-form

安装依赖

使用 npm

npm install scexpo-activity-form

使用 pnpm

pnpm install scexpo-activity-form

使用示例

import { Form, FormHeader, FormItem } from "scexpo-activity-form";



const items = [{
  // form item
  // ...
}];

<template>
  <Form
    :data="form_config"
    :themeConfig="{
      themeColor: '#44b662',
      borderRadius: true,
      buttonColor: '#44b662',
    }"
  >
    <!-- 表头 -->
    <FormHeader :data="form_config.head" />
    <!-- 票种 -->
    <TicketPrice
      :data="{
        price_title,
        price_desc,
        prices,
        show_ticket_remain_total
      }"
    />
    <!-- 表单项 -->
    <FormItem v-for="item in items" :data="item" />
    <!--  页脚  -->
    <FormFooter :data="form_config" />
  </Form>
</template>