7***@qq.com
7***@qq.com
  • 发布:2021-05-02 18:06
  • 更新:2021-06-18 12:08
  • 阅读:692

【报Bug】textarea placeholder 占位符增高

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 10.15.6

HBuilderX类型: 正式

HBuilderX版本号: 3.1.14

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: iphonex

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <uni-nav-bar :fixed="true" :border="false" :statusBar="true" left-icon="closeempty" right-icon="plusempty" title="发动态" @clickLeft="leftAction()" @clickRight="rightAction()"></uni-nav-bar>  
        <view style="width: 750rpx;background-color: #FFFFFF;margin: 32rpx;">  
            <textarea v-model="publish.text" :show-confirm-bar="false"  placeholder="记录下此刻发布心情" />  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                publish:{  
                    text:''  
                },  
            }  
        },  
        methods: {  
            leftAction:function(){  
                uni.navigateBack()  
            },  
            rightAction:function(){  

            }  
        }  
    }  
</script>  

<style>  
</style> 

操作步骤:
<template>  
    <view>  
        <uni-nav-bar :fixed="true" :border="false" :statusBar="true" left-icon="closeempty" right-icon="plusempty" title="发动态" @clickLeft="leftAction()" @clickRight="rightAction()"></uni-nav-bar>  
        <view style="width: 750rpx;background-color: #FFFFFF;margin: 32rpx;">  
            <textarea v-model="publish.text" :show-confirm-bar="false"  placeholder="记录下此刻发布心情" />  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                publish:{  
                    text:''  
                },  
            }  
        },  
        methods: {  
            leftAction:function(){  
                uni.navigateBack()  
            },  
            rightAction:function(){  

            }  
        }  
    }  
</script>  

<style>  
</style> 

预期结果:
<template>  
    <view>  
        <uni-nav-bar :fixed="true" :border="false" :statusBar="true" left-icon="closeempty" right-icon="plusempty" title="发动态" @clickLeft="leftAction()" @clickRight="rightAction()"></uni-nav-bar>  
        <view style="width: 750rpx;background-color: #FFFFFF;margin: 32rpx;">  
            <textarea v-model="publish.text" :show-confirm-bar="false"  placeholder="记录下此刻发布心情" />  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                publish:{  
                    text:''  
                },  
            }  
        },  
        methods: {  
            leftAction:function(){  
                uni.navigateBack()  
            },  
            rightAction:function(){  

            }  
        }  
    }  
</script>  

<style>  
</style>  

实际结果:
<template>  
    <view>  
        <uni-nav-bar :fixed="true" :border="false" :statusBar="true" left-icon="closeempty" right-icon="plusempty" title="发动态" @clickLeft="leftAction()" @clickRight="rightAction()"></uni-nav-bar>  
        <view style="width: 750rpx;background-color: #FFFFFF;margin: 32rpx;">  
            <textarea v-model="publish.text"  :show-confirm-bar="false"  placeholder="记录下此刻发布心情" />  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                publish:{  
                    text:''  
                },  
            }  
        },  
        methods: {  
            leftAction:function(){  
                uni.navigateBack()  
            },  
            rightAction:function(){  

            }  
        }  
    }  
</script>  

<style>  
</style>  

bug描述:

2021-05-02 18:06 负责人:DCloud_iOS_XHY 分享
已邀请:
999

999 - 全栈开发在线接单(有团队) 有需要请联系 vx : docxxlsx

确实存在该问题

7***@qq.com

7***@qq.com (作者)

官方呢

DCloud_UNI_GSQ

DCloud_UNI_GSQ

收到,即将排查

  • 7***@qq.com (作者)

    终于等来了

    2021-05-08 16:46

  • 7***@qq.com (作者)

    还有 安卓 nvue navbar 自定义按钮图标消失。vue 向nvue 通信失败uni.$on uni.$emit 接收不到传输的参数

    2021-05-08 16:48

DCloud_iOS_XHY

DCloud_iOS_XHY

感谢反馈,可以给 textarea 添加 padding 来解决此问题,下个版本会解决默认偏高的问题

<textarea style="font-size: 32rpx; width: 750rpx; padding: 20rpx;" v-model="publish.text" :show-confirm-bar="false" placeholder="记录下此刻发布心情" />

该问题目前已经被锁定, 无法添加新回复