>[danger] 前期準備 ~~~ //html 引入 Layer 的 JS 文件和JQuery <script src='https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js'></script> <script src='https://cdn.bootcss.com/layer/3.1.0/layer.js'></script> ~~~ >[danger] 基本語法 ~~~ layer.open({ 配置項:值, 配置項:值, ........ }) ~~~ >[danger] 彈窗層效果 | type值 | 說明 | | --- | --- | | 0 | 信息框 | | 1 | 頁面 | | 2 | iframe框架 | | 3 | loading加載 | | 4 | tips小標簽提示 | >[info] 基本格式 ~~~ $('btn').click(function(){ layer.open({ type:0, title:'提示框標題', //默認樣式 //title:['提示框標題','color:white;width:100px' ], // 設置內容和樣式 //title:false, type值為false時，提示標題隱藏 content:'提示框內容', //content 根據type的值有不同的類型，有html代碼，dom節點，url //tpye: 4 時，conntent:['提示信息',dom節點]， 可以為具體節點添加提示標簽 icon:1, //icon 值為1-6，可以顯示不同的小圖標，icon會根據type值得類型變化 }) }); ~~~ >[danger] alert 彈窗 >[info] 基本格式 ~~~ layer.alert({ 配置項:值, 配置項:值, ........ }) //layer.alert 和layer.open 用法基本一致，區別在于layer.alert內沒有type屬性 ~~~ >[danger] confirm 詢問框 >[info] 基本格式 ~~~ layer.confirm(content,options,function(){ 選擇Yes之后執行得代碼 },function(){ 選擇No之后執行得代碼 }) //Content：設置comfirm的彈層內容 //Options：配置基礎參數 ~~~