zoukankan      html  css  js  c++  java
  • 解决ionic中 Action Sheets 在安卓机中的样式

    /**
     * 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: 0;
        left: 0;
        z-index: 11;
         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;
         100%;
        max- 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;
         auto;
        z-index: 11;
        overflow: hidden;
    }
    
        .platform-android .action-sheet .button {
            display: block;
            padding: 1px;
             100%;
            border-radius: 0;
            border-color: #d1d3d6;
            background-color: transparent;
            color: #007aff;
            font-size: 14px;
        }
    
            .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- 1px 0px 0px 0px;
        }
    
            .platform-android .action-sheet-group .button:first-child:last-child {
                border- 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;
    }
    

      

  • 相关阅读:
    filp_open/filp_close/vfs_read/vfs_write
    memcpy一种实现方法
    memset函数的实现&printf函数几种输出格式的输出结果
    break退出循环分析
    定义指针变量作为返回值函数执行时报 段错误(核心已转储)
    node实现防盗链
    js实现输入密码之延迟星号和点击按钮显示或隐藏
    rem适配
    使用字蛛教程以及遇到的bug
    es6学习笔记-proxy对象
  • 原文地址:https://www.cnblogs.com/lkd3063601/p/5157393.html
Copyright © 2011-2022 走看看