在实际项目操作中,layui和weui相结合,共同来完成前端的展示。其中select表单遇见几个问题,现摘录如下:

底部选择

默认不添加任何样式表时,select表单会根据手机系统自动判断展示。安卓一般为弹出选择框,IOS系统一般为底部选择。

layui和weui结合手机端select表单底部选择和被遮挡的解决方案_解决方案

被遮挡

layui和weui结合手机端select表单底部选择和被遮挡的解决方案_表单_02

解决方案,select所在父级添加自建CSS样式​​style="overflow:visible;"​

<div class="weui-cells weui-cells_form" style="overflow:visible;">

layui和weui结合手机端select表单底部选择和被遮挡的解决方案_css样式_03

lockdatav Done!