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