更新记录

1.0.0（2026-07-30） 下载此版本

1.0.0

• 兼容 uni-app x Vue3 / uvue。
• 支持 Android、iOS、鸿蒙 App。
• 支持自定义主题色、标题、副标题、圆角、提交按钮和重置按钮。
• 使用插槽承载业务字段，避免动态 schema 在 uvue 多端编译时的不确定性。
• 免费组件，无广告、无数据采集、无特殊权限。

平台兼容性

uni-app x(5.15)

una-app-form 表单组件

una-app-form 是基于 uni-app x / uvue 的免费表单容器组件，提供统一的表单卡片、标题区域、底部操作按钮和主题色能力。字段区域通过默认插槽编写，适合申请发票、个人信息、入住人信息等 App 端表单页面。

特性

• 兼容 uni-app x Vue3 / uvue。
• 支持 Android、iOS、鸿蒙 App。
• 支持自定义主题色、标题、副标题、圆角、提交按钮和重置按钮。
• 使用插槽承载业务字段，避免动态 schema 在 uvue 多端编译时的不确定性。
• 免费组件，无广告、无数据采集、无特殊权限。

基础用法

<template>
    <una-app-form title="申请发票" submitText="提交申请" @submit="submit">
        <view class="field">
            <text class="field__label">发票抬头</text>
            <input class="field__input" :value="title" @input="onTitleInput" />
        </view>
    </una-app-form>
</template>

<script setup lang="uts">
const title = ref<string>("")

function onTitleInput(event: UniInputEvent) {
    title.value = event.detail.value
}

function submit() {
    console.log(title.value)
}
</script>

Props

Events