美文网首页
vant 弹框和弹出层

vant 弹框和弹出层

作者: 浪浪山小妖_ | 来源:发表于2020-08-08 19:03 被阅读0次

今天发现一个关于vant 弹框和弹出层的一个样式问题
一旦父节点用上transform:translate(); 或者用animation: mt 1s both;中mt 里面定义了transform:translate()后,子节点 van-dialogvan-popup 上下定位出问题的. 注意了!


<style>
bigWrap{
transform:translate(0, 0)
}
</style>
<van-dialog use-slot v-model="isShow" :confirmButtonText="$t('btn.cancelBtn')">
<div :class="['codeTitle',type] "></div>
      <img :src="require(`@/assets/img/${type}${radio}.png`)" />
 </van-dialog>
      <!-- <van-popup v-model="isShow">
        <div :class="['codeTitle',type] "></div>
        <img :src="require(`@/assets/img/${type}${radio}.png`)" />
      </van-popup> -->

--by Affandi ⊙▽⊙

相关文章

  • vant 弹框和弹出层

    今天发现一个关于vant 弹框和弹出层的一个样式问题一旦父节点用上transform:translate(); 或...

  • 遮罩层实现

    代码如下 实现效果:点击按钮,显示遮罩层,弹出弹框点击遮罩层,隐藏遮罩层,隐藏弹框

  • 弹层-滚动条

    要求:弹出框出现,弹出框的内容滚动,但是dom层不随着弹出框的滚动而滚动,在弹层上滚动时整个页面也不滚动

  • Bootstrap-多层模态框滚动条失效解决办法

    Bootstrap官方不支持模态框多层叠加,实际项目使用时需要弹出两层弹出层,当弹出第一个弹出层时,滚动条正常,弹...

  • vue中禁止遮罩底层页面滑动

    方法一:在点击事件(弹出弹框)时,添加 在隐藏弹框时 方法二:在点击事件(弹出弹框)时,添加 在隐藏弹框方法中,添加

  • jQuery弹框

    html 点击 出现弹框 #* 弹出框标题*# #*弹出框内容*# #*底部按钮*# 保存 取 消...

  • 点击按钮没有弹出modal弹窗,去刷新页面的解决方法

    最近项目使用了bootstrap的modal,使用的双层模态框,当第一层弹出时很正常,点击弹框上按钮,第二个弹框没...

  • iOS多个弹框按顺序依次弹出

    前言 现在APP在首页会有多个弹框按照顺序依次弹出的功能,比如强制更新、比如弹出消息推送的活动弹框、比如弹出搜索弹...

  • uni-app subNVues的使用

    在首页要弹出一个弹框,弹出的弹框无法遮住顶部导航栏和底部tabbar,uni-app官方给出了两种解决方法,plu...

  • iOS开发中获取视图在屏幕上显示的位置

    在iOS开发中,我们会经常遇到一个问题,例如,点击一个按钮,弹出一个遮罩层,上面显示一个弹框,弹框显示的位置在按钮...

网友评论

      本文标题:vant 弹框和弹出层

      本文链接:https://www.haomeiwen.com/subject/iunhdktx.html