Open JinJieBeWater opened 7 months ago
<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>
lable自动换行
需添加
进行修复