ionic $ioniActionSheet 在安卓手机没样式
解决方法:
添加以下修复css样式
- /**
- * Action Sheets for Android
- * --------------------------------------------------
- */
- .platform-android .action-sheet-backdrop {
- -webkit-transition: background-color 150ms ease-in-out;
- transition: background-color 150ms ease-in-out;
- position: fixed;
- top:;
- left:;
- z-index:;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0);
- }
- .platform-android .action-sheet-backdrop.active {
- background-color: rgba(0, 0, 0, 0.4);
- }
- .platform-android .action-sheet-wrapper {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
- transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
- position: absolute;
- bottom:;
- left:;
- right:;
- width: 100%;
- max-width: 500px;
- margin: auto;
- }
- .platform-android .action-sheet-up {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .platform-android .action-sheet {
- margin-left: 8px;
- margin-right: 8px;
- width: auto;
- z-index:;
- overflow: hidden;
- }
- .platform-android .action-sheet .button {
- display: block;
- padding: 1px;
- width: 100%;
- border-radius:;
- border-color: #d1d3d6;
- background-color: transparent;
- color: #007aff;
- font-size: 21px;
- }
- .platform-android .action-sheet .button:hover {
- color: #007aff;
- }
- .platform-android .action-sheet .button.destructive {
- color: #ff3b30;
- }
- .platform-android .action-sheet .button.destructive:hover {
- color: #ff3b30;
- }
- .platform-android .action-sheet .button.active, .platform-android .action-sheet .button.activated {
- box-shadow: none;
- border-color: #d1d3d6;
- color: #007aff;
- background: #e4e5e7;
- }
- .platform-android .action-sheet-has-icons .icon {
- position: absolute;
- left: 16px;
- }
- .platform-android .action-sheet-title {
- padding: 16px;
- color: #8f8f8f;
- text-align: center;
- font-size: 13px;
- }
- .platform-android .action-sheet-group {
- margin-bottom: 8px;
- border-radius: 4px;
- background-color: #fff;
- overflow: hidden;
- }
- .platform-android .action-sheet-group .button {
- border-width: 1px 0px 0px 0px;
- }
- .platform-android .action-sheet-group .button:first-child:last-child {
- border-width:;
- }
- .platform-android .action-sheet-options {
- background: #f1f2f3;
- }
- .platform-android .action-sheet-cancel .button {
- font-weight:;
- }
- .platform-android .action-sheet-open {
- pointer-events: none;
- }
- .platform-android .action-sheet-open.modal-open .modal {
- pointer-events: none;
- }
- .platform-android .action-sheet-open .action-sheet-backdrop {
- pointer-events: auto;
- }
- .platform-android .action-sheet .action-sheet-title, .platform-android .action-sheet .button {
- text-align: center;
- }
- .platform-android .action-sheet-cancel {
- display: block;
- }
ionic $ioniActionSheet 在安卓手机没样式的更多相关文章
- vux中x-input在安卓手机输入框的删除按钮(@on-click-clear-icon)点击没反应
首先看你自己的的版本好,如果在2.6.9以上,我是在git上找到的解决办法,记录一下,希望可以帮到有需要的小伙伴. 在项目中找 node_modules > vux > x-input & ...
- XP系统电脑带安卓手机上网教程(无需adhoc补丁)
XP系统电脑带安卓手机上网教程(无需adhoc补丁) WIN7系统可以虚拟wifi热点,安卓手机连上这个热点就能上网.XP系统虚拟出来的wifi热点是adhoc形式的,原生的安卓系统并不支持adhoc ...
- 安卓手机ADB驱动干什么的?
Adb驱动是什么意思? /div> Adb是英文Android Debug Bridge的英文缩写,是debug工具,如果不是写IT的可能也很难理解debug的意思.说的直白一点就是Adb就是手 ...
- 拯救安卓手机的数据(无法进入系统只能打开recovery)
这里不得不赞一个谷歌的开放,如果不是这样读取数据就很糟糕了,记得一千带着我的mac本子到苹果店,那个所谓的“天才”就说苹果的数据无法读取,我了个艹,为了避免丢失你必须得准备一个TM.好了废话不多说,进 ...
- ffmpeg综合应用示例(三)——安卓手机摄像头编码
本文的示例将实现:读取安卓手机摄像头数据并使用H.264编码格式实时编码保存为flv文件.示例包含了 1.编译适用于安卓平台的ffmpeg库 2.在java中通过JNI使用ffmpeg 3.读取安卓摄 ...
- ZT 安卓手机的安全性 prepare for Q
如何增强安卓手机的安全性?安卓的安全性太低了!!! 众所周知,安卓手机是非常容易破解的,刷过机的人都知道,不管你之前在手机怎么设置密码,只要进入recovery清空使用记录,手机就会恢复出厂设置,到时 ...
- 安卓手机牛逼软件Termux中安装Archlinux,安装Jdk
说出来你可能不信,手机上居然装了两个linux系统,和真实的linux有些许些差别. 首先安装了Termux以后你发现,好多linux常用功能都有,什么Pyhton,gcc,g++,ruby,Php, ...
- ionic中actionsheet在安卓中显示样式问题
可以看到在浏览器上是正常的,在安卓上的样式没了 建议不要直接去动ionic的css文件,容易影响全局 方法:注释掉_action-sheet.sass中文件123行,针对安卓样式去写的样sass 保存 ...
- EasyRTMP Android安卓手机直播推流摄像头偏暗的问题解决
在我们测试EasyRTMP Android安卓手机推流的过程中发现有些设备预览时,明显偏暗!在稍微暗点的环境中几乎很难看清东西-额,这是怎么回事呢?又是安卓设备的兼容性问题,头疼! !!!好吧,停止抱 ...
随机推荐
- 如何在Eclipse中查看Java类库的源代码
你的JDK安装目录下%Java_home%/src.zip文件就是源码,解压缩找到对应包下面的类即可. 如果是Eclipse开发,ctr+鼠标左击,出现不了源码的话,在弹出的视图中点击attach s ...
- 获取Oracle中表的结构
首先cmd登录Oracle:sqlplus user/password@host/db_name 然后输入DESC table_name 可以先按住Alt,再选中字段名(块选中快捷方式)
- web设计_9_CSS常用布局,响应式
一个完整的页面和其中的组件该如何具备灵活性. 怎么样利用CSS来实现无论屏幕.窗口以及字体的大小如何变化,都可以自由扩展和收缩的分栏式页面. 要决定使用流动布局.弹性布局还是固定宽度的布局,得由项目的 ...
- 关于JS、JQ首行首列固定展示
当时遇见这个问题 是医院手麻系统大批量数据展示,由于是旧项目系统没有使用到前端的架构 只能使用JQ,JS, css完成 也谢谢给予我支持的同行们 固定首行数据: 采用函数的方式进行 JQ /** * ...
- 【Android Studio】常用快捷键
1. 删除一行:Ctrl + X 更新中……
- kube-proxy源码解析
kubernetes离线安装包,仅需三步 kube-proxy源码解析 ipvs相对于iptables模式具备较高的性能与稳定性, 本文讲以此模式的源码解析为主,如果想去了解iptables模式的原理 ...
- git bash 初始化配置
这里只针对 windows 下,使用git 时的一些初始配置 1. git bash 安装 下载地址: https://git-for-windows.github.io/ 根据提示,一步步安装即可 ...
- 同时启动多个tomcat,端口修改
所用Tomcat服务器都为zip 版,非安装版.以 tomcat8 为例: 安装第二个Tomcat完成后,打开 tomcat/conf/server.xml 文件,查找以下三处: 1. 修改http访 ...
- excel 导入 下载模板 demo
import org.apache.commons.beanutils.PropertyUtils;import org.apache.commons.lang3.StringUtils;import ...
- axios异步提交表单数据的不同形式
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+ ...