$ionicActionSheet安卓样式问题
来源:互联网 发布:自学云计算 编辑:程序博客网 时间:2024/06/05 20:29
把下面代码复制到你的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; left: 0; z-index: 11; 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: 0; left: 0; right: 0; 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: 11; overflow: hidden;}.platform-android .action-sheet .button { display: block; padding: 1px; width: 100%; border-radius: 0; 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: 0;}.platform-android .action-sheet-options { background: #f1f2f3;}.platform-android .action-sheet-cancel .button { font-weight: 500;}.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;}/**/上面是解决$ionicActionSheet样式问题 */
阅读全文
0 0
- $ionicActionSheet安卓样式问题
- $ionicActionSheet 在Android手机上样式问题
- 安卓笔记 主题和样式问题
- ionic之android真机CSS样式失效 $ionicActionSheet
- 安卓样式记录
- 安卓进度条样式
- 深度解析安卓样式
- 安卓输入框样式
- 安卓 Button 样式设置
- 安卓自定义EditText样式
- 安卓xml样式详解
- 安卓 自定义吐司样式
- 安卓自定义进度条样式
- 自定义安卓Button样式
- 安卓自定义popupMenu样式
- 安卓样式与主题
- 样式·设计·安卓
- 【安卓开发学习】7.对话框样式
- 限定符const
- 线程--同步与死锁
- nodejs顶层路由设计
- SpringBoot 使用Mybatis入门
- 关于Gensim的初次见面 和 Doc2vec 的模型训练
- $ionicActionSheet安卓样式问题
- LightOJ-1013-Love Calculator [LCS][DP]
- viewpager+fragmentadapter实现微信界面
- 最常用的15大Eclipse开发快捷键技巧-常用Eclipse插件在线安装地址
- Socket编程
- 微信浏览器实现自动下载功能
- 利用 Linux crontab 定时执行 PHP
- 学习随笔——Java数组
- 面向对象