解决方法:

添加以下修复css样式

  1. /**
  2. * Action Sheets for Android
  3. * --------------------------------------------------
  4. */
  5. .platform-android .action-sheet-backdrop {
  6. -webkit-transition: background-color 150ms ease-in-out;
  7. transition: background-color 150ms ease-in-out;
  8. position: fixed;
  9. top:;
  10. left:;
  11. z-index:;
  12. width: 100%;
  13. height: 100%;
  14. background-color: rgba(0, 0, 0, 0);
  15. }
  16.  
  17. .platform-android .action-sheet-backdrop.active {
  18. background-color: rgba(0, 0, 0, 0.4);
  19. }
  20.  
  21. .platform-android .action-sheet-wrapper {
  22. -webkit-transform: translate3d(0, 100%, 0);
  23. transform: translate3d(0, 100%, 0);
  24. -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  25. transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  26. position: absolute;
  27. bottom:;
  28. left:;
  29. right:;
  30. width: 100%;
  31. max-width: 500px;
  32. margin: auto;
  33. }
  34.  
  35. .platform-android .action-sheet-up {
  36. -webkit-transform: translate3d(0, 0, 0);
  37. transform: translate3d(0, 0, 0);
  38. }
  39.  
  40. .platform-android .action-sheet {
  41. margin-left: 8px;
  42. margin-right: 8px;
  43. width: auto;
  44. z-index:;
  45. overflow: hidden;
  46. }
  47.  
  48. .platform-android .action-sheet .button {
  49. display: block;
  50. padding: 1px;
  51. width: 100%;
  52. border-radius:;
  53. border-color: #d1d3d6;
  54. background-color: transparent;
  55. color: #007aff;
  56. font-size: 21px;
  57. }
  58.  
  59. .platform-android .action-sheet .button:hover {
  60. color: #007aff;
  61. }
  62.  
  63. .platform-android .action-sheet .button.destructive {
  64. color: #ff3b30;
  65. }
  66.  
  67. .platform-android .action-sheet .button.destructive:hover {
  68. color: #ff3b30;
  69. }
  70.  
  71. .platform-android .action-sheet .button.active, .platform-android .action-sheet .button.activated {
  72. box-shadow: none;
  73. border-color: #d1d3d6;
  74. color: #007aff;
  75. background: #e4e5e7;
  76. }
  77.  
  78. .platform-android .action-sheet-has-icons .icon {
  79. position: absolute;
  80. left: 16px;
  81. }
  82.  
  83. .platform-android .action-sheet-title {
  84. padding: 16px;
  85. color: #8f8f8f;
  86. text-align: center;
  87. font-size: 13px;
  88. }
  89.  
  90. .platform-android .action-sheet-group {
  91. margin-bottom: 8px;
  92. border-radius: 4px;
  93. background-color: #fff;
  94. overflow: hidden;
  95. }
  96.  
  97. .platform-android .action-sheet-group .button {
  98. border-width: 1px 0px 0px 0px;
  99. }
  100.  
  101. .platform-android .action-sheet-group .button:first-child:last-child {
  102. border-width:;
  103. }
  104.  
  105. .platform-android .action-sheet-options {
  106. background: #f1f2f3;
  107. }
  108.  
  109. .platform-android .action-sheet-cancel .button {
  110. font-weight:;
  111. }
  112.  
  113. .platform-android .action-sheet-open {
  114. pointer-events: none;
  115. }
  116.  
  117. .platform-android .action-sheet-open.modal-open .modal {
  118. pointer-events: none;
  119. }
  120.  
  121. .platform-android .action-sheet-open .action-sheet-backdrop {
  122. pointer-events: auto;
  123. }
  124.  
  125. .platform-android .action-sheet .action-sheet-title, .platform-android .action-sheet .button {
  126. text-align: center;
  127. }
  128.  
  129. .platform-android .action-sheet-cancel {
  130. display: block;
  131. }

ionic $ioniActionSheet 在安卓手机没样式的更多相关文章

  1. vux中x-input在安卓手机输入框的删除按钮(@on-click-clear-icon)点击没反应

    首先看你自己的的版本好,如果在2.6.9以上,我是在git上找到的解决办法,记录一下,希望可以帮到有需要的小伙伴. 在项目中找 node_modules > vux > x-input & ...

  2. XP系统电脑带安卓手机上网教程(无需adhoc补丁)

    XP系统电脑带安卓手机上网教程(无需adhoc补丁) WIN7系统可以虚拟wifi热点,安卓手机连上这个热点就能上网.XP系统虚拟出来的wifi热点是adhoc形式的,原生的安卓系统并不支持adhoc ...

  3. 安卓手机ADB驱动干什么的?

    Adb驱动是什么意思? /div> Adb是英文Android Debug Bridge的英文缩写,是debug工具,如果不是写IT的可能也很难理解debug的意思.说的直白一点就是Adb就是手 ...

  4. 拯救安卓手机的数据(无法进入系统只能打开recovery)

    这里不得不赞一个谷歌的开放,如果不是这样读取数据就很糟糕了,记得一千带着我的mac本子到苹果店,那个所谓的“天才”就说苹果的数据无法读取,我了个艹,为了避免丢失你必须得准备一个TM.好了废话不多说,进 ...

  5. ffmpeg综合应用示例(三)——安卓手机摄像头编码

    本文的示例将实现:读取安卓手机摄像头数据并使用H.264编码格式实时编码保存为flv文件.示例包含了 1.编译适用于安卓平台的ffmpeg库 2.在java中通过JNI使用ffmpeg 3.读取安卓摄 ...

  6. ZT 安卓手机的安全性 prepare for Q

    如何增强安卓手机的安全性?安卓的安全性太低了!!! 众所周知,安卓手机是非常容易破解的,刷过机的人都知道,不管你之前在手机怎么设置密码,只要进入recovery清空使用记录,手机就会恢复出厂设置,到时 ...

  7. 安卓手机牛逼软件Termux中安装Archlinux,安装Jdk

    说出来你可能不信,手机上居然装了两个linux系统,和真实的linux有些许些差别. 首先安装了Termux以后你发现,好多linux常用功能都有,什么Pyhton,gcc,g++,ruby,Php, ...

  8. ionic中actionsheet在安卓中显示样式问题

    可以看到在浏览器上是正常的,在安卓上的样式没了 建议不要直接去动ionic的css文件,容易影响全局 方法:注释掉_action-sheet.sass中文件123行,针对安卓样式去写的样sass 保存 ...

  9. EasyRTMP Android安卓手机直播推流摄像头偏暗的问题解决

    在我们测试EasyRTMP Android安卓手机推流的过程中发现有些设备预览时,明显偏暗!在稍微暗点的环境中几乎很难看清东西-额,这是怎么回事呢?又是安卓设备的兼容性问题,头疼! !!!好吧,停止抱 ...

随机推荐

  1. 如何在Eclipse中查看Java类库的源代码

    你的JDK安装目录下%Java_home%/src.zip文件就是源码,解压缩找到对应包下面的类即可. 如果是Eclipse开发,ctr+鼠标左击,出现不了源码的话,在弹出的视图中点击attach s ...

  2. 获取Oracle中表的结构

    首先cmd登录Oracle:sqlplus user/password@host/db_name 然后输入DESC table_name 可以先按住Alt,再选中字段名(块选中快捷方式)

  3. web设计_9_CSS常用布局,响应式

    一个完整的页面和其中的组件该如何具备灵活性. 怎么样利用CSS来实现无论屏幕.窗口以及字体的大小如何变化,都可以自由扩展和收缩的分栏式页面. 要决定使用流动布局.弹性布局还是固定宽度的布局,得由项目的 ...

  4. 关于JS、JQ首行首列固定展示

    当时遇见这个问题 是医院手麻系统大批量数据展示,由于是旧项目系统没有使用到前端的架构 只能使用JQ,JS, css完成 也谢谢给予我支持的同行们 固定首行数据: 采用函数的方式进行  JQ /** * ...

  5. 【Android Studio】常用快捷键

    1. 删除一行:Ctrl + X 更新中……

  6. kube-proxy源码解析

    kubernetes离线安装包,仅需三步 kube-proxy源码解析 ipvs相对于iptables模式具备较高的性能与稳定性, 本文讲以此模式的源码解析为主,如果想去了解iptables模式的原理 ...

  7. git bash 初始化配置

    这里只针对 windows 下,使用git 时的一些初始配置 1. git bash 安装 下载地址: https://git-for-windows.github.io/ 根据提示,一步步安装即可 ...

  8. 同时启动多个tomcat,端口修改

    所用Tomcat服务器都为zip 版,非安装版.以 tomcat8 为例: 安装第二个Tomcat完成后,打开 tomcat/conf/server.xml 文件,查找以下三处: 1. 修改http访 ...

  9. excel 导入 下载模板 demo

    import org.apache.commons.beanutils.PropertyUtils;import org.apache.commons.lang3.StringUtils;import ...

  10. axios异步提交表单数据的不同形式

    踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+ ...