weui自定义Dialog动态设置高度设遇到的问题


首先Dialog高度是写死的为200px(考虑到会有些小手机),Dialog显示的内容分上下两部分,单选框和input框,(当然还有按钮)

当符合特定情况下显示单选框和input框,否则只显示input框。

问题:由于高度是写死的 ,当只显示input框时会留一大片空白。

 

推理:首先想到的是根据是否符合特定情况,动态修改高度,后来发现不能实现。

由于Dialog是请求成功自动弹出的。想着在弹出之前判断,并修改高度,Dialog还没有弹出,元素获取不到,不能修改。

弹出后元素可以获取到了,但是已经弹出再去修改,应该会闪一下(由大变小)。

解决方案:设置css里设置高度为自适应,并且设置最大高度为200px,代码如下

.weui_dialog_bd{height:auto;max-height:200px;}


你可能感兴趣的:(前端)