layui/docs/layer/detail/demo.md

在线测试

  {{- d.include("/layer/detail/run.md") }}
  

弹层类型

  {{- d.include("/layer/examples/type.md") }}
  

信息框

信息框即 dialog 类型层，对应默认的 type: 0，该类型的弹层同时只能存在一个。更多说明详见：#type

  {{- d.include("/layer/examples/alert.md") }}
  

页面层

  {{- d.include("/layer/examples/page.md") }}
  

iframe 层

  {{- d.include("/layer/examples/iframe.md") }}
  

加载层

为了不影响继续体验，以下每个 loading 示例均会在 3 秒后自动模拟关闭

  {{- d.include("/layer/examples/load.md") }}
  

Tips 层

  {{- d.include("/layer/examples/tips.md") }}
  

其他层

  {{- d.include("/layer/examples/other.md") }}
  

更多演示

  {{- d.include("/layer/examples/offset.md") }}
  

  {{- d.include("/layer/examples/direction.md") }}
  

  {{- d.include("/layer/examples/more.md") }}
  

  {{- d.include("/layer/examples/btnasync.md") }}
  

主题风格

  {{- d.include("/layer/examples/skin.md") }}
</script>
  

小贴士

事实上 layer 丰富的基础属性，可足够让您的弹出层变得千变万化，为了避免占用太多篇幅，就不做过多演示了。