# 氣泡確認框 ## 6.1.8.氣泡確認框 ~~~ <!-- 下彈出 --> <div class="dropdown-menu"> <button class="layui-btn layui-btn-primary icon-btn">&nbsp;氣泡確認框 <i class="layui-icon layui-icon-drop"></i></button> <div class="dropdown-menu-nav dropdown-popconfirm"> <div class="dropdown-anchor"></div> <div class="dropdown-popconfirm-title"> <i class="layui-icon layui-icon-help"></i>這是一段內容確定刪除嗎？ </div> <div class="dropdown-popconfirm-btn"> <button class="layui-btn" btn-cancel>取消</button> <button class="layui-btn layui-btn-normal">確定</button> </div> </div> </div> <!-- 上彈出 --> <div class="dropdown-menu"> <button class="layui-btn layui-btn-primary icon-btn">&nbsp;氣泡確認框 <i class="layui-icon layui-icon-drop"></i></button> <div class="dropdown-menu-nav dropdown-popconfirm dropdown-top-right"> <div class="dropdown-anchor"></div> <div class="dropdown-popconfirm-title"> <i class="layui-icon layui-icon-about"></i>這是一段內容確定刪除嗎？ </div> <div class="dropdown-popconfirm-btn"> <button class="layui-btn" btn-cancel>取消</button> <button class="layui-btn layui-btn-normal">確定</button> </div> </div> </div> ~~~