uv-form-item 的lable样式问题

[JinJieBeWater]

lable自动换行

<view layout px-4 layout-bg>
    <view class="card backDrop bg-white/80 h-90vh relative py-2 mt-4 flex flex-col items-center">
      <span my-8 h-12 w-12 bg-brand-primary class="i-line-md-account"></span>
      <uv-form labelPosition="top" :model="userInfoForm" :rules="rules" ref="formRef">
        <uv-form-item label="用户名称" prop="userInfo.name">
          <uv-input v-model="userInfoForm.userInfo.name" border="none" placeholder="请输入用户名称">
          </uv-input>
        </uv-form-item>
        <uv-form-item label="手机号码" prop="userInfo.phone">
          <uv-input v-model="userInfoForm.userInfo.phone" border="none" placeholder="请输入手机号码">
            <template v-slot:suffix>
              <uv-button @tap="getCode">{{ tips }}</uv-button>
              <uv-code :seconds="seconds" @end="end" @start="start" ref="codeRef" @change="codeChange"></uv-code>
            </template>
          </uv-input>
        </uv-form-item>
        <uv-form-item label="验证码" prop="userInfo.code">
          <uv-code-input :maxlength="4" v-model="userInfoForm.userInfo.code"></uv-code-input>
        </uv-form-item>
        <view px-4 py-4 z-1 bottom-0 inset="x-0" class="fixed">
          <uv-button type="primary" text="提交" @click="onSubmit" :loading="true"></uv-button>
        </view>
      </uv-form>
    </view>
  </view>

需添加

<style lang="scss">
.uv-form-item__body__left {
  width: 100% !important;
}
</style>

进行修复