html - 如何使用 native 中的 ionic 菜单为 ionic 中的侧边菜单制作圆 Angular

标签 html ios css ionic-framework ionic3

您好,我已经到处研究并查看了 XCode,但还没有弄明白。我想为我的 iOS 应用程序创建 venmo 风格的圆 Angular ,但 iOS 似乎不遵守我为它设置的 sass 规则。 侧面菜单样式由 div 类控制 <div class='menu-inner'>...</div>这是从 <ion-menu> 生成的标签。

我的 sass 规则在浏览器上运行良好,但我惊讶地发现它在 native 生产中不起作用,特别是在 iOS 上。这是我的 sass 规则。

.menu-inner {
  border-radius: 0 1.7rem 1.7rem 0!important;
}

这会在浏览器中产生所需的结果。 In chrome inspector

但是,在 XCode iOS 12.1 中,iPhone X 会产生尖 Angular 边缘。 iPhone X emulator

如何使用 ionic 3 在 native 应用程序中制作圆 Angular 。

最佳答案

你可以用阴影部分来做。 在组件的 CSS 文件中,您可以像这样指定它:

ion-menu::part(container) {
border-radius: 25px;
}

阅读更多关于 ShadowParts 的信息

关于html - 如何使用 native 中的 ionic 菜单为 ionic 中的侧边菜单制作圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53217973/

相关文章:

html - cfmail 标签中的表

javascript - 在 Javascript 文本框中名称不喜欢

asp.net - <q> 元素未在 IE 6.0 中识别

工作人员的 PHP 网络消息

html - 保持 div2 与屏幕的左侧、底部和右侧齐平,但始终低于 div1 上方 400px?

html - 匹配整个文档中某一类型的第一个/第n个元素

iphone - pushViewController :animated: inside ScrollView

ios - 使用 sender.tag 时删除 TableView 中的行

ios - 委托(delegate)未收到数据

javascript - 使用 JavaScript 模拟 CSS 悬停