1)layui 中選擇項裏面的文字內容比較多,輸入框的寬度不夠,需求方要求擴大寬度到現在的2倍。
從網上搜索到的方法都是通過修改上一層的DIV的寬度來實現,修改之後大概的代碼大概是這樣的
<div class="layui-input-inline" style="width:460px"> <select id="selPONo" type1="flow_select" isflow="1" lay-filter="mySelPO" required="" name="selPONo" style="width:460px"> </select> </div>
可是出現比較尷尬的情況,選擇用“下拉三角形”按鈕大約是在460px的位置,但是輸入框的寬度還是保持在238px,看起來極其不協調。
“F12"之後看到的是輸入框的寬度還是238px,直接增加屬性 "style='width:460px;'" 也沒有任何效果,這還是第一次遇到,設定width都不見
效果。只能查找Width屬性設置,竟然發現有一條:
input, select, textarea { max-width: 280px; }
2)Layui table顯示某行的
done: function (res, curr, count) { if (res.count == null) { return; } if (userType == "C" || userType == "S") { } else { $("[data-field='unitPrice']").css("display", "none"); $("[data-field='amount']").css("display", "none"); } }
以上爲非S,C型的不顯示單價(unitPrice)和總價(amount)欄位