layui 表單遇到的小問題

• select中的option 居中顯示

/*select顯示的option居中*/
/*.layui-select-title input{
    text-align: center;
}*/
/*option所有居中*/
.layui-anim.layui-anim-upbit{
    text-align: center;
}

View Code

• select下拉文字居中顯示

.layui-form-select dl dd{text-align: center;}

• 剛開始用layui表單時，不現實checkbox、radio等問題？

layui.use('form', function(){
  var form = layui.form; //只有執行了這一步，部分表單元素纔會自動修飾成功
  //可是，若是你的HTML是動態生成的，自動渲染就會失效
  //所以你須要在相應的地方，執行下述方法來手動渲染，跟這相似的還有 element.init();
  form.render();
});

View Code

• 表格中圖片單擊放大顯示

{ field: 'image', width: 90, title: '操做',minWidth: 180, fixed: 'right',templet: function (rowData) {return  '<div onclick="bigImg(\"'+ rowData.image + '\")">' + rowData.image + '</div>'; //添加點擊事件，綁定方法}}


//彈窗顯示放大圖片
function bigImg(image) {
        //打開彈窗
      layer.open({
            title: '顯示圖片',
            type: 1,
            area: ['50%', '530px'],//寬高
            shadeClose: true, //點擊遮罩關閉
            content: '\<\div style="padding:20px;">' + image + '\<\/div>',
            maxmin: true
        });
 }

View Code