首先Dialog高度是写死的为200px(考虑到会有些小手机),Dialog显示的内容分上下两部分,单选框和input框,(当然还有按钮)
当符合特定情况下显示单选框和input框,否则只显示input框。
问题:由于高度是写死的 ,当只显示input框时会留一大片空白。
推理:首先想到的是根据是否符合特定情况,动态修改高度,后来发现不能实现。
由于Dialog是请求成功自动弹出的。想着在弹出之前判断,并修改高度,Dialog还没有弹出,元素获取不到,不能修改。
弹出后元素可以获取到了,但是已经弹出再去修改,应该会闪一下(由大变小)。
解决方案:设置css里设置高度为自适应,并且设置最大高度为200px,代码如下
.weui_dialog_bd{height:auto;max-height:200px;}