码迷,mamicode.com
首页 > 其他好文 > 详细

Framework7学习笔记之 弹出层(Popover)

时间:2018-02-21 23:04:51      阅读:415      评论:0      收藏:0      [点我收藏+]

标签:学习笔记   显示   strong   pre   标签   span   pop   学习   窗口   

 

一:弹出层

    或者说,称呼为“悬浮层”更合适。

    用 popover 临时弹出一小块悬浮层显示一些信息,用户点击popover窗口外面区域时会关闭它。

 

二:定义Popover

    弹出层需要在body标签的末尾处定义。

<body>
    ...
    <div class="popover 弹出层名">
        <div class="popover-angle"></div>
        <div class="popover-inner">
            弹出层内容
        </div>
    </div>
</body>  

 

三:控制弹出层

<a href="#" data-popover=".弹出层名" class="open-popover">Open Popover</a>

关闭:点击弹出层之外区域即可关闭。

Framework7学习笔记之 弹出层(Popover)

标签:学习笔记   显示   strong   pre   标签   span   pop   学习   窗口   

原文地址:https://www.cnblogs.com/ygj0930/p/8457590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!