Ant Design Mobile 覆蓋默認的樣式。


直接在css中這樣寫是不行的,完全沒有效果。

.am-list-item.am-input-item {
    height: 36px;
    min-height: 30px;
}

要像下面這樣,加上global才有效果。

:global {
  .am-list-body {
    background-color:transparent;
    //border-top: 1px solid #ddd !important;
    //border-bottom: 1px solid #ddd !important;
  }
  .am-list-item {
    height: 36px;
    min-height: 30px;
    .am-list-line {
      .am-list-content {
        font-size: 14px;
      }
      .am-list-extra {
        font-size: 14px;
      }
      .am-list-arrow {
        width: 10px;
        height: 10px;
      }
    }

    .am-input-label {
      font-size: 14px;
    }

    .am-input-control {
      input {
        font-family: SourceHanRegular, serif;
        font-size: 14px;
      }
    }
  }

  .am-list-item.am-input-item {
    height: 36px;
    min-height: 30px;
  }
}

== The End ==


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM