Atitit custom popup 弹窗 techweo layers目录Custom div 1Open 2关闭popup 3关闭事件 3Custom div＜!-- pw

2024-06-14 07:01:01

Atitit custom popup 弹窗 techweo layers

目录

Custom div 1

Open 2

关闭popup 3

关闭事件 3

Custom div

<script src="/js\layer-v3.5.1\layer\layer.js"></script>
<div id="tips88" style="padding: 10px;display: none">
    <table width="100%">
        <tr><td width="70"> <img style="border-radius: 9px;" src="/images/logo.png" width="60" height="60"></td><td style="padding: 7px;">将添加到手机桌面<br> 随时随地想看就看<br> hxc.one</td></tr>
        <tr style="font-size: 20px; font-weight: bolder"><td></td><td align="right">
            <div align="right">
                <button style="color: #8605c2;margin-right: 40px;" onclick="truePwaInstallFun()">同意</button>
                <button style="color: grey" onclick="closeLayer()">我再想想</button>
            </div>
            </td></tr>
    </table>
</div>
<script id="pwajs" src="/pwa/add2dsktp.js" defer></script>

Open

index88 = layer.open({
    type: 1,title:'', time: 12000,
    area: ['370px', '140px'],
    end: function () {
        //无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。layer.open关闭事件
        $("#tips88").hide();
    },
    content: $('#tips88') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
});

关闭popup

function closeLayer(){
layer.close(index88)
}

关闭事件

end: function () {

Atitit custom popup 弹窗 techweo layers目录Custom div 1Open 2关闭popup 3关闭事件 3Custom div＜!-- pw相关推荐

一个popup弹窗实现思路--（基于mintui分析）
如何实现一个 messagebox/日期组建/popup 常规实现思路 - 新建一个messagebox组建...- 黑色遮罩封装在messagebox中- 黑色遮罩加上样式{position: f ...
利用js实现popup弹窗
简单实现一个通过一个网页,点击生成一个弹窗,然后点击保存之后自动关闭弹窗的功能. 首先在settings文件中写上两条对应的路由关系. 1 urlpatterns = [ 2 url(r'^p1/', ...
vue项目中自己写popup弹窗功能-心得-案例
效果图上图展示有两种方式(以下代码演示只粘贴主要样式和逻辑代码) 方式一:是通过组件卸载的方式方式二:是通过弹窗内部控制显示和隐藏主要公共样式代码 // 弹窗 .popup-mask {posi ...
popup 弹窗 picker-view 滚动选择器
popup 弹窗 picker-view 滚动选择器组件链接: ext.dcloud.net.cn/plugin?id=7- <m-picker mode="bottom" ...
cesium div偏移位置偏移 popup位置偏移弹窗偏移
背景: 最近cesium交流群里看到好几个人都在问偏移问题.回答过几次 ,所以写个水文.到时候估计大家上网一搜就能搜到这篇. 在做popup弹窗的时候.思想是:需要将Cartesian3坐标转换为屏幕 ...
Cesium构造popup弹窗函数
初学Cesium,发现没有自带的popup方法,从网上找资料自己写了一个,供大家参考先上效果,样式方面大家可以自行发挥构造函数 class Popup {constructor(info) {th ...
自定义开发popup点击非popup区域关闭popup
自定义开发popup弹窗组件点击非popup区域关闭popup 如果是vue项目在vue的生命周期onMounted方法里面添加如下代码: onMounted(async ()=>{await ...
qt的Custom Executable弹窗
今天运行了之前的一个demo,老是弹出Custom Executable对话框,程序不能向下执行,网上查的一些解决方案始终没有解决这个问题,后来发现工程编译出来的是插件不是可执行文件,QT不能找到可执 ...
ArcGIS JS API popup弹窗
*使用ArcGIS JS API 4.19 一.要素服务popup 原始弹窗由popup微件控制,view对象都自带默认的popup,格式可以由Featurelayer的popupTemplate属性 ...
vanpopup 高度_解决VantUI popup 弹窗不弹出或无蒙层的问题
背景 ####组件PopupTime.vue 把vant官网的popup+时间选择器抽成组件: popup1show: true 即弹窗显示 :title="popupTitle.popup ...

最新文章

热门文章