c***@aliyun.com
c***@aliyun.com
  • 发布:2024-05-13 15:04
  • 更新:2024-07-12 15:50
  • 阅读:278

大佬们求救<uni-easyinput>中的type属性为text,使用laceholderStyle或者styles属性设置高度没有反应

分类:uni-app
<uni-easyinput v-model="menuNameValue"  
            :laceholderStyle="placeholderStyle" placeholder="请输入菜名"  
                trim="all" maxlength="8" :styles="styles"></uni-easyinput>  

<script>  
    export default {  
        data() {  
            return {  
                placeholderStyle: "font-size:20px",  
                styles: {  
                    height:'200rpx',  

                    borderColor: '#2979FF'  
                },  

            };  
        },  

    };  
</script>
2024-05-13 15:04 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

未复现此问题,注意Styles Options

<template>  
  <view>  
    <uni-easyinput v-model="menuNameValue" :placeholderStyle="placeholderStyle" placeholder="请输入菜名" trim="all" maxlength="8" :styles="styles"></uni-easyinput>  
  </view>  
</template>  
<script>  
  export default {  
    data() {  
      return {  
        menuNameValue: '',  
        placeholderStyle: "font-size:30px",  
        styles: {  
          color: '#00aa00',  
          borderColor: '#ff0000'  
        }  
      };  
    },  
    methods: {}  
  }  
</script>
5***@qq.com

5***@qq.com

我用styles设置样式也不管用,后来发现是项目的全局样式文件中给input设置的color把uni-easyinput的样式给覆盖了。

要回复问题请先登录注册