2***@qq.com
2***@qq.com
  • 发布:2025-11-18 14:33
  • 更新:26 分钟前
  • 阅读:14

【报Bug】uni-easyinput不能设置borderRadius,不能设置padding。

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.86

第三方开发者工具版本号: 所有

基础库版本号: 所有

项目创建方式: HBuilderX

操作步骤:
<uni-easyinput class="ipt" v-model="_d.form.a5" :styles="{backgroundColor: '#F8F8F8', borderColor: 'transparent'}" placeholder="请输入意向院校" prefixIcon="search" />  

::v-deep .uni-easyinput__content {  
    overflow: hidden;  
    border-radius: 36rpx;  
    height: 72rpx;  
    background: #F8F8F8;  
    padding: 0 20rpx;  
}

预期结果:

只能支持更多的自定义样式。styles不要固定死,只有这四种color, , disableColor, borderColor。

实际结果:

styles只支持这四种color, , disableColor, borderColor。

bug描述:

uni-app的UI组件库的。uni-easyinput组件,不能自定义样式。
使用其内置的 :styles 属性,只能设置 color, , disableColor, borderColor。

在微信小程序中又不能使用::v-deep样式穿透。

:v-deep .uni-easyinput__content { overflow: hidden;
border-radius: 36rpx;
height: 72rpx;
background: #F8F8F8;
padding: 0 20rpx;
}

2025-11-18 14:33 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

可以先根据自己的需求修改 uni-easyinput 的源码

要回复问题请先登录注册