搜索卡片基于表单卡片进行深度封装,通常用于搜索页面。
<template> <div> <ha-search-card :schema="schema" :uiSchema="uiSchema" :model="model"></ha-search-card> </div> </template> <script lang="ts" setup> import { Schema, UiSchema } from '../../../libs/components/types' import { reactive } from 'vue' import { couponSchema } from '../demo-contants' const schema: Schema = reactive(couponSchema) const uiSchema: UiSchema = reactive({}) const model: any = reactive({}) </script> <style scoped lang="scss"> </style>
form-card 表单卡片 table-card 表格卡片