ionic $ionicActionSheet 手机显示不正常

最新推荐文章于 2023-11-01 14:28:04 发布
原创 最新推荐文章于 2023-11-01 14:28:04 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在Android平台上使用Ionic框架开发时遇到的ActionSheet样式显示问题，并分享了一个有效解决方案：通过替换或补充特定的样式文件来实现期望的UI效果。

开发时，在手机上使用$ionicActionSheet，怎么都显示不了下图的样式：

正常样式

最后借鉴了网友的方案，终于可以了！缺少了样式，这里的是android平台下的！

样式文件下载

替换掉www/css下的style.css文件，或者把内容添加到css下的style.css文件中！

古飞龙
关注
ionic——$ionicPopup 隐私协议
who_become_gods的博客
12-24 570
判断同意过隐私协议 若有 则往下走 否则弹出隐私协议 if(!eval(localStorage.getItem("isApply"))){ var confirmPopup = $ionicPopup.confirm({ title: '服务协议与隐私政策', template: '欢迎使用爱鲸准APP,在你使用爱鲸准APP服务前，请认真阅读《服务协议》和《隐私协议》全部条款。我们非常重视您的用户权益与个人信息的保护，我们将通过上诉协议向
ionic——$ionicPopup 自定义弹窗
who_become_gods的博客
12-25 1064
ionic 弹窗写法 上述链接所讲的弹窗内容模板是官网固定写好的，有时就不满足自己项目所需，官网介绍了一个属性，可以自定义弹窗内容 templateUrl 所引用 弹窗内容的 html文件地址 //弹窗 var confirmPopup = $ionicPopup.confirm({ title: '服务协议与隐私政策', templateUrl: '../templates/tab-privacyAgree.html', // template: '欢迎使用爱鲸准APP,在你使
ionic $ionicActionSheet 手机显示不正常 样式文件
12-15
ionic $ionicActionSheet 手机显示不正常 样式文件
$ionicActionSheet 在android 手机中显示错乱的博客
黄彪博客
09-07 464
文章参考 http://blog.5ibc.net/p/14000.html   .platform-android .action-sheet-backdrop.active { background-color: rgba(0, 0, 0, 0.2); } .platform-android .action-sheet { margin-left: 8px;
$ionicActionSheet 在Android手机上样式问题
xdongll的专栏
10-08 2746
$ionicActionSheet 在Android手机上样式问题 把以下代码复制到style.css中，以重写样式的方式解决/** * Action Sheets for Android * -------------------------------------------------- */ .platform-android .action-sheet-backdrop {
ionic ActionSheet(上拉菜单)
KingCruel的专栏
01-09 3104
1、$ionicActionSheet    ionic的上拉菜单由三种按钮组成，点击任何按钮都自动关闭上拉菜单;    取消按钮 - 取消按钮总是位于菜单的底部，用户点击该按钮将关闭。一个上拉菜单 最多有一个取消按钮。    危险选项按钮 - 危险选项按钮文字被标红以明显提示。一个上拉菜单最多有一个 危险选项按钮。    自定义按钮 - 用户定义的任意数量的按钮。 2、
IONIC----01.ionicActionSheet
Damys
07-08 878
ionicActionSheet
ionic2屏幕适配实现适配手机、平板等设备的示例代码
12-09
本文将深入探讨如何在Ionic2中实现屏幕适配，确保应用能在手机、平板等不同设备上正常显示。 首先，推荐使用VS Code作为编辑器，因为它专注于文档编辑，不会对编译过程造成干扰。在Ionic1时代，WebStorm因其内置的...
ionic实现底部分享功能
08-30
app.controller("myCtrl",["$scope","$ionicActionSheet",function ($scope,$ionicActionSheet) { ... // 分享 $scope.share = function () { $ionicActionSheet.show({ buttons: [ { text: '分享到微信' }, ...
$ionicActionSheet的学习
qq_28499043的博客
08-16 3066
我最近刚学到ionicActionSheet，记下我的笔记~
$ionicActionSheet安卓样式问题
韩吉鑫的博客
09-06 447
把下面代码复制到你的css .platform-android .action-sheet-backdrop { -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; position: fixed; top: 0; l
ionic开发的app在Android中正常，在iOS中就不正常会出现下来跟着下来的情况
changzhengcome的博客
01-25 840
这个问题找了好久才解决，解决的方法很简单检查config.xml中 这个是不是设置了false,小小的问题影响还是很大的。 preference name="DisallowOverscroll" value="true" />
html如何写上拉菜单,ionic 上拉菜单(ActionSheet)实例代码
weixin_39940688的博客
06-10 430
上拉菜单(ActionSheet)通过往上弹出的框，来让用户选择选项。非常危险的选项会以高亮的红色来让人第一时间识别。你可以通过点击取消按钮或者点击空白的地方来让它消失。实例HTML 代码Action SheetJavaScript 代码在代码中触发上拉菜单，需要在你的 angular 控制器中使用 $ionicActionSheet 服务：angular.module('starter', ['...
ionic3 Actionsheet的使用
qq_34610497的博客
04-17 1193
1. 安装。使用时需要你已经安装好ionic Android环境 ionic cordova plugin add cordova-plugin-actionsheet npm install --save @ionic-native/action-sheet 2.html代码 ion-header> ion-navbar> ion-title>actionsheetsion-ti
ionic之 ActionSheetController
yanyanforest的专栏
07-06 2589
在说明ActionSheetController的使用之前，先看看官方对ActionSheetController的解释。 官方地址：http://ionicframework.com/docs/api/components/action-sheet/ActionSheetController/ 在项目引用库ionic.bundle.js 有这样的注释,如下： * @ngdoc method
总结smil彩信 手机显示不正常的原因
咸鱼的专栏
06-04 2054
      最近一直被诺基亚手机的彩信问题困惑.一条彩信在别的手机上显示都正常,骗骗诺基亚手机显示有点问题,虽然也可以播放,但是效果总不好.      经过反复调试,终于知道原因了。同时建议大家，遇到奇怪的问题是不妨多看看相关的规范。有些规范很奇怪，比如第一条，region只能定义两个......如果定义三个或三个以上的话，诺基亚手机就会显示异常，异常的现象是 会出现一个播放图标，播放后不能控制跳帧，必须按时间规定的走。      以下是网上找到的另外一个公司编写的规范   l         Region
ionicModal展示百度地图不显示的问题
huzhenv5的博客
11-26 1571
ionic中Modal是一个内容面板，可以临时越过用户的主视图，我们通常用于选择或编辑一个项。当然我们也可以用来加载百度地图，从地图中选择坐标，那是十分的好用。首先，我们都知道ionicModal使用的时候需要在controller中新建，再.show()出来，但是问题来了，在我第一次进入这个controller对应的页面的时候，新建Modal，然后展示，一切没问题，但是当后面再进入这个contro
ionic5中actionSheet、toast、alert、loading等的使用
u010574271的博客
04-27 1106
文章目录上拉菜单actionSheet 的使用新建页面新建按钮并添加点击事件ts中引入ActionSheetController并声明定义showAction方法不同平台显示效果Toast 提示框新建页面新建按钮并添加点击事件ts中引入ToastController 并声明ts中新建相应方法loading加载样式新建页面新建按钮并添加点击事件ts中引入loadingController并声明ts中新建相应方法alert弹窗新建页面新建按钮并添加点击事件ts中引入AlertController并声明ts中新建
Ionic-------ActionSheetController（附完整代码及示例图)
阿土不土的博客
11-01 276
ActionSheet是一个对话框，用户可以从一组选项中进行选择。它出现在应用程序内容板的顶部，用户必须手动关闭它，然后才能恢复与应用程序的交互。在ios模式下，危险（破坏性）选项变得显而易见。有一些简单的方法可以从动作表中取消，比如点击背景或按下桌面上的转义键。 它通常是以一组button的形式出现，代码如下：(在html要触发的地方调用该方法即可)
Ionic手机框架模板：高效开发利器
### Ionic手机框架模板知识点 #### 1. Ionic框架概述 Ionic是一个开源的前端开发框架，主要用于开发跨平台的移动应用。使用AngularJS或者最新的Web技术（Angular、React、Vue等）作为基础，Ionic允许开发者利用Web...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值