zoukankan      html  css  js  c++  java
  • Ionic App ActionSheet布局问题

    使用 $ionicActionSheet的时候界面不像Ihpnoe手机那样显示的整齐,但是在电脑浏览器里面却是好的,原因还是Ionic自带css的问题,网上的答案是ionic.min.css/ionic.css对

    android进行了原生设置,如果不需要,去掉相关的css即可。

    /*
    .platform-android .action-sheet-backdrop.active {
      background-color: rgba(0, 0, 0, 0.2); }
    
    .platform-android .action-sheet {
      margin: 0; }
      .platform-android .action-sheet .action-sheet-title,
      .platform-android .action-sheet .button {
        text-align: left;
        border-color: transparent;
        font-size: 16px;
        color: inherit; }
      .platform-android .action-sheet .action-sheet-title {
        font-size: 14px;
        padding: 16px;
        color: #666; }
      .platform-android .action-sheet .button.active,
      .platform-android .action-sheet .button.activated {
        background: #e8e8e8; }
    
    .platform-android .action-sheet-group {
      margin: 0;
      border-radius: 0;
      background-color: #fafafa; }
    
    .platform-android .action-sheet-cancel {
      display: none; }
    
    .platform-android .action-sheet-has-icons .button {
      padding-left: 56px; }
    */

    去掉前:

    去掉后:

  • 相关阅读:
    js实现快速排序
    使用NodeList
    变量提升问题
    使用Location对象查询字符串参数
    一天一小段js代码(no.2)
    一天一小段js代码(no.1)
    JS闭包中的this对象
    JS数组去重
    FreeCodeCamp----Intermediate Algorithm Scripting解法
    关于表单验证
  • 原文地址:https://www.cnblogs.com/crazyguo/p/6061177.html
Copyright © 2011-2022 走看看