?? ?? ?? ? ??? Layui? ??? ?? ??? ???? ??

Layui? layer ?? ??? ?? ?? ?? ? ??? ???? ??? ??? ??? ?????? ??? ?????. ?? ??? layer.open() ?? ??? ?? ? ??? ??? ???? ?? ??? ?????. ??? ?? ?? ??? ?? ??? ?? ?????.

 <code class="javascript">layer.open({ type: 1, // Type 1 represents a custom HTML content content: '<div>This is my modal dialog content.</div>', title: 'My Modal Dialog', area: ['300px', '200px'], // Set the width and height btn: ['OK', 'Cancel'], // Define buttons yes: function(index){ // Event handler for the 'OK' button layer.close(index); // Close the popup }, btn2: function(index){ // Event handler for the 'Cancel' button layer.close(index); // Close the popup } });</code>

? ??? ??, ?? ??? ?? HTML ??? ? ? ?? ?? ( "OK"? "CANCEL")??? ?? ?? ??? ????. yes ? btn2 ??? ?? ? ??? ?? ???? ?????. type ?? ??? ?????. type: 1 ??? ?? HTML? ????? ?? ?? (? : type: 0 ??? ?? 0, iframe? type: 2 )? ?? ??? ?????. ??? ??? ?? ?? ??? ??? ?? type: 0 ????? ?? ??? ??? ???? ?? ?? ??? ?? ? ? ????.

Layui? ??? ?? ??? ??? ?????

Layui? layer ?? ??? ???? ??? ?? ??? ?????. layer.open() ? ?? ?? ??? ?? ?? ??? CSS ? ?? ?? ??? ???? ?? ??? ??? ??? ??? ? ????.

CSS ?? : Layui? layer ?? ???? ?? ? ?? ???? ????? ?? ???? ??? ? ????. ? ???? ????? layui-layer ? ??????. ?? ??, ??? ?? CSS ??? ???? ???, ?? ? ??? ??? ?? ? ? ????.

 <code class="css">.layui-layer-content { background-color: #f0f0f0; font-family: Arial, sans-serif; padding: 20px; } .layui-layer-title { background-color: #337ab7; color: white; }</code>

layer.open() ?? ?? ?? : ?? ??? ??? layer.open() ?? ?? ??? ?? ?????. ?? ??:

• title : ?? ??? ?????.
• area : ??? ??? ??? ????? (? : ['500px', '300px'] ).
• skin : ?? ????? ?? ??? CSS ???? ??? ?????. ??? CSS ???? ???? ??? ?? ? ? ????.
• closeBtn : ?? ??? ???? ?? (true/false).
• shade : ?? ?? (????)? ?????.
• shadeClose : ?? (True/False)? ???? ??? ?? ? ????.

Layui? ??? ?? ??? ?? ??? ? ??? ??

Layui? layer ?? ??? ??? ???, ?? ?? ??? ?????? ??? ?????. ??? layer.open() ?? ?? ?? ?????.

• ?? ?? : yes , btn , btn1 , btn2 ?, layer.open() ?? ??? ?? ??? ?? ? ? ???? ??? ???? ? ?????. ???? ???? ??? ??? ?? ??? ????? layer.close(index) ???? ???? ?? ? ????.
• ?? ??? : ?? ??? ?? ???? ?? Layui? layer ???? ??? ?? ??? ???? ?????? ?? ??? ??? ?????. ??? ??? Layui? ?? ??? ?? ? ?? ??? ???? ?? ??? ? ????? ?????.

layer.open() ? ?? ?? ??? ??

layer.open() ??? ???? ?? ??? Layui ??? ???? ?? ?????. ?? ??? ? ??? ?? ??? ???? ??? ???? ?? layer.open() ?? ???? ??? ? ??? ?? ??? ?????. ?? ??, alert() ???? ?? ??? ????? ?? ? ??? ?? ??? ???? ????.

layer.open() ? ?? ??? ??????. type ?? ?? ? ?? ??? ???? ??? ?? ( type: 0 )?? ??? ?? ?? ?? ( type: 1 ) ? Iframe ?? ?? ( type: 2 )? ????? ??? ??? ?? ? ????. ????? layer.open() ??? ???? ????, ??? ?? ???? ??? ???? ??? ?????. layer.open() ???? LAYUI ?? ???? ?? ?? ?? ?? ?? ??? ?????? ?? ? ?? ??? ?????.

? ??? ?? ?? ?? ? ??? Layui? ??? ?? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!