Taro 框架表单组件使用指南:如何将表单置顶显示
<template>
<div class="form-container">
<t-form
ref="form"
:data="formData"
:rules="FORM_RULES"
label-align="top"
:label-width="100"
@reset="onReset"
@submit="onSubmit"
>
<div class="form-basic-container">
<div class="form-basic-item">
<div class="form-basic-container-title">模板信息【UUID:{{template.template_uuid}}】</div>
<t-form-item label="模板名" name="templateTitle">
<t-input v-model="formData.templateTitle" :style="{ width: '322px' }" />
</t-form-item>
</div>
<div class="form-submit-container">
<div class="form-submit-sub">
<div class="form-submit-left">
<t-button theme="primary" class="form-submit-confirm" type="submit"> 提交 </t-button>
<t-button type="reset" class="form-submit-cancel" theme="default" variant="base"> 取消 </t-button>
</div>
</div>
</div>
</t-form>
</div>
</template>
<style scoped>
.form-container {
padding-top: 20px;
}
</style>
原文地址: https://www.cveoy.top/t/topic/qzao 著作权归作者所有。请勿转载和采集!