首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在ionic3中更改modal的位置?

如何在ionic3中更改modal的位置?
EN

Stack Overflow用户
提问于 2018-03-09 15:50:58
回答 1查看 1.6K关注 0票数 0

我在ionic-3中使用modal,目标设备是平板电脑。想要在屏幕左侧显示模式,那么有没有办法改变ionic-3模式弹出窗口的位置和大小?

EN

回答 1

Stack Overflow用户

发布于 2018-03-11 16:08:06

在创建modal时传入cssClass

代码语言:javascript
复制
 let modal = this.modalCtrl.create(ModalPage, {data: data}, {cssClass: 'custom-modal' });

将CSS应用于app.scss中的类

代码语言:javascript
复制
.select-modal {
   background: rgba(0, 0, 0, 0.5) !important;
   padding: 20% 10%  !important;
}

根据您的要求,调整衬垫。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49188986

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档