细嗅蔷薇
细嗅蔷薇
  • 发布:2018-09-18 15:33
  • 更新:2023-10-29 09:20
  • 阅读:13194

【报Bug】uniapp input设置width无效,无法调节input宽度

分类:uni-app

详细问题描述

uniapp input设置width无效,无法调节input宽度

代码片段:

<button type="default" class="mini-btn" style="width: 100upx;" size="mini">获取验证码</button>

设置在input上的width样式无效

效果图:如图所示,无法调节input宽度

2018-09-18 15:33 负责人:无 分享
已邀请:
Neil_HL

Neil_HL

是否使用了flex布局,用了flex可能导致你写的width和预期不一样

  • 细嗅蔷薇 (作者)

    用了,但是这应该和flex布局无关啊,我这是单独设置的width,怎么都应该起作用的,flex布局并不会影响到子元素,也没有什么自动填充的东西。

    2018-09-18 22:48

  • Neil_HL

    回复 细嗅蔷薇:你把flex干掉,看看宽高是否正确就知道是否影响了

    2018-09-19 10:25

  • 凤翼天翔

    回复 Neil_HL: 去掉flex,显示正常.很奇怪.

    2020-03-22 20:54

1***@qq.com

1***@qq.com

在input外边加一个view,设置view的宽度

细嗅蔷薇

细嗅蔷薇 (作者) - 专注于App的开发和代上架合作,带需求来聊,有需求请加QQ:1481983952

无法调节验证码按钮宽度,只能随着屏幕自适应大小,这么大bug没人发现么?

细嗅蔷薇

细嗅蔷薇 (作者) - 专注于App的开发和代上架合作,带需求来聊,有需求请加QQ:1481983952

官方没个说法??

细嗅蔷薇

细嗅蔷薇 (作者) - 专注于App的开发和代上架合作,带需求来聊,有需求请加QQ:1481983952

测试

1***@qq.com

1***@qq.com

而且 input的边框也设置不了 - -

  • 细嗅蔷薇 (作者)

    对,你有解决方案吗

    2018-11-19 15:21

含光

含光

卧槽,这种bug也能出现,还推荐flex布局,结果搞成这样

4***@qq.com

4***@qq.com

input 边框设备不了 行高也设置不了 这什么鬼啊

1***@qq.com

1***@qq.com - uniapp爱好者

遇到相同问题,也是验证码框长了,在上级使用flex布局的情况,在input中单独写style="display: block",就可以设置宽度,测试有效果

要回复问题请先登录注册