WalteE
WalteE
  • 发布:2022-11-04 16:38
  • 更新:2022-11-04 16:57
  • 阅读:38

uni-forms 样式错误

分类:uni-app

在安卓和ios app上 使用uni-forms时,错误提示的样式不正确。如附件所示。模拟器和真机都是这样。
版本
uni-ui@1.4.20
HBuilder: 正式版 v3.6.4

<template>  
    <view class="bind-mobile">  
        <uni-forms ref="form" :modelValue="formData" :rules="rules" label-position="top">  
            <uni-forms-item label="手机号" name="mobile">  
                <uni-easyinput v-model="formData.mobile" placeholder="请输入手机号" />  
            </uni-forms-item>  
            <uni-forms-item label="验证码" name="code">  
                <uni-easyinput v-model="formData.code" placeholder="请输入验证码" />  
            </uni-forms-item>  
        </uni-forms>  
        <button @click="submit">Submit</button>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                formData: {  
                    mobile: '',  
                    code: ''  
                },  
                rules: {  
                    mobile: {  
                        rules: [{  
                            required: true,  
                            errorMessage: '请输入手机号',  
                        }]  
                    },  
                    code: {  
                        rules: [{  
                            required: true,  
                            errorMessage: '请输入验证码',  
                        }]  
                    }  
                }  
            }  
        },  
        methods: {  
            submit() {  
                this.$refs.form.validate().then(res => {  
                    console.log('表单数据信息:', res);  
                }).catch(err => {  
                    console.log('表单错误信息:', err);  
                })  
            }  
        }  

    }  
</script>  

<style>  
    .bind-mobile {  
        padding: 20rpx 15rpx;  
    }  
</style>  
2022-11-04 16:38 负责人:无 分享
已邀请:
WalteE

WalteE (作者)

请问有大佬知道原因么。

DCloud_UNI_Anne

DCloud_UNI_Anne

更新至最新版试试

  • WalteE (作者)

    uni-ui@1.4.23 是能下载到的最新版本。

    2022-11-04 17:24

  • DCloud_UNI_Anne

    回复 WalteE: 未复现此问题,请更新相关组件后试试

    2022-11-04 21:27

  • WalteE (作者)

    回复 DCloud_UNI_Anne: 更新了确实不行。因为只有2个输入框也不是一定要使用nvue改为使用.vue页面解决了改问题。

    2022-11-08 19:56

要回复问题请先登录注册