<template>

<view class="container">

<!-- 卡片式表单容器 -->

<view class="form-card">

<uni-forms 

ref="formRef" 

:model="form" 

:rules="rules"

label-position="top"

report-submit="false"

>

<!-- 名称字段 -->

<uni-forms-item label="商品名称" name="name" required>

<uni-easyinput 

v-model="form.name"

placeholder="请输入商品名称"

class="form-input"

/>

</uni-forms-item>

<!-- 价格字段 -->

<uni-forms-item label="商品价格" name="bidPrice" required>

<uni-easyinput 

type="digit" 

v-model="form.bidPrice" 

placeholder="请输入商品价格"

class="form-input"

/>

</uni-forms-item>

<!-- 介绍字段 -->

<uni-forms-item label="介绍" required name="description">

<view class="textarea-wrapper">

<textarea maxlength="100" v-model="form.description" placeholder="请输入介绍"></textarea>

</view>

</uni-forms-item>

<!-- 剩余字数提示 -->

<text 

class="char-count"

:style="{ color: remainingChars <= 10 ? '#FF0000' : '#666' }"

>

{{ remainingChars }}字剩余

</text>

</uni-forms>

</view>

</view>

</template>

代码就是只要用form或者uni-app的uni-forms，就会出现这个渲染层错误