yangyuanlife
yangyuanlife
  • 发布:2018-03-08 00:17
  • 更新:2018-03-08 00:17
  • 阅读:2474

modal弹出效果,从右到左

分类:MUI

重写css。可以在自定义的css里面增加
.mui-modal.right-to-left
{

-webkit-transform: translate3d(100%, 0, 0);  
        transform: translate3d(100%, 0, 0);  

}
.mui-modal.right-to-left.mui-active
{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

}
然后modal的html增加right-to-left样式即可实现从右到左,其他方向类似

<div id="modal" class="mui-modal right-to-left">
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
<h1 class="mui-title">Modal</h1>
</header>
<div class="mui-content" style="height: 100%;">
<p class="mui-content-padded">bala bala bala.</p>
</div>
</div>

1 关注 分享
5***@qq.com

要回复文章请先登录注册