首页 > 网站 > WEB开发 > 正文

ionic 中的popover 在ios android上的样式 不同解决办法

2024-04-27 15:11:41
字体:
来源:转载
供稿:网友
$scope.openPopover = function($event,flag) {//去掉所有的样式document.body.classList.remove('platform-ios');document.body.classList.remove('platform-android');//使用ios的样式document.body.classList.add('platform-ios');}

以上方法会产生副作用:增加ion-nav-bar的高度。

终极解决方案:自定义popover的html中在最外层加一个div,然后修改成和ios一样的样式。

<div class="my-popover"><ion-popover-view style="padding: 0;margin: 0;background-color: #880015"> <ion-content style="padding: 0;margin: 0;"> <div class="list " style="color: #880015;"> <a class="item " style="background-color: #880015; color: white;text-align: center;" href="" ng-repeat="item in popoverItems" ng-click="popoverMenuClick($index,item)"> {{item}} </a> </div> </ion-content></ion-popover-view></div>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表