首页 > 编程语言 >小程序modal弹窗

小程序modal弹窗

时间:2022-10-19 19:00:16浏览次数:40  
标签:modal 程序 hideAnimate class 弹窗 setData

参考a-level

competitionFilterCover

 

1.容器:position: absolute;

  top: 100vh;

  animation: moveon 0.5s forwards;

 

2.添加属性:hideAnimate

 

3.

class="root {{hideAnimate ? 'rootHide' : ''}}"

class="whiteContent {{hideAnimate ? 'contentHide' :''}}"

4.

hideSelf(){

      this.setData({

        hideAnimate: true

      })

      setTimeout(() => {

        this.setData({

          show: false

        })

      }, 400);

    },

标签:modal,程序,hideAnimate,class,弹窗,setData
From: https://www.cnblogs.com/tufei7/p/16807383.html

相关文章

  • 关于subprocess运行中主程序被强制退出
    程序在运行时,主程序被强退,subprocess开启的子进程依然存在。注意,这里的强退,指的是kill-9级别.关于信号级别看这里https://blog.csdn.net/taoxicun/article/details/12......
  • 用定时器和中断共同实现红绿灯程序
    1CURR_NUMEQU30H;HEX,进行15~1的倒计时2VAR_TIMEREQU31H;Softtimer,记录溢出的次数3VAR_LEDEQU32H;L......
  • Java程序员必会Synchronized底层原理剖析
    synchronized作为Java程序员最常用同步工具,很多人却对它的用法和实现原理一知半解,以至于还有不少人认为synchronized是重量级锁,性能较差,尽量少用。但不可否认的是synchron......
  • Java——程序包不存在【三种解决方法】
    Java——程序包不存在【三种解决方法】 目录一、问题描述二、解决方案 方法一:maven包管理的clean方法  方法二:清理缓存  方法三:设置配置三、结语一、......
  • 在FinClip中如何使用小程序插件?
    最近总发现很多萌新把小程序插件和小程序组件搞混淆。简单来说,组件和插件的区别在于,插件是可以直接提供服务的,组件是给开发者的轮子提高开发效率的,这是两回事。小程序插件是......
  • linux—— 使用gcc解析程序四个阶段
    (文章目录)一、gcc1.gcc的安装yum-yinstallgcc-c++autoconfpcrepcre-develmakeautomakeyum-yinstallwgethttpd-toolsvim2.gcc的默认使用[yzq@VM-8-8......
  • 电脑多开某程序的方案
    1、创建下图所示文件(需要开几个就复制几行代码)2、先将这个软件关闭3、再次点击该软件的快捷方式启动4、然后就可以看到很多个该软件的登陆页面了5、一个一个的登录,除......
  • LProtector对你的.NET应用的程序进行加密
    LProtector对你的.NET应用的程序进行加密,防止反编译软件对你的软件进行破解,使用它可以有效地防止别人对你的软件进行反编译。它将不会被反汇编器或反编译器如IL DASM, .N......
  • C语言中这么骚的退出程序的方式你知道几个?
    C语言中这么骚的退出程序的方式你知道几个?前言在本篇文章当中主要给大家介绍C语言当中一些不常用的特性,比如在main函数之前和之后设置我们想要执行的函数,以及各种花式退......
  • C源代码程序如何转换为可执行文件
    #gcc生成intel风格的汇编gcc-S-masm=intelsample.c-osample.s一、C源代码文件如何成为可执行文件以helloworld.c为例,说明C语言源代码文件如何变成可执行文件的,经......