Question

我在我的应用程序中使用ionic2（3.13），我能够完美地使用水平标签。是否有可能有垂直标签，如下所示，需要帮助。谢谢： enter image description here

Answer 1

我重写了一些scss以使它工作。希望它可以帮助某人：

离子版3.13
Service Exception:Exception in thread "main" Message: null StatusCode: 0 ErrorCode: null ErrorType: null com.amazonservices.mws.orders._2013_09_01.MarketplaceWebServiceOrdersException at com.amazonservices.mws.orders._2013_09_01.MarketplaceWebServiceOrdersClient$RequestType.wrapException(MarketplaceWebServiceOrdersClient.java:143) at com.amazonservices.mws.client.MwsConnection.call(MwsConnection.java:429) at com.amazonservices.mws.orders._2013_09_01.MarketplaceWebServiceOrdersClient.listOrderItems(MarketplaceWebServiceOrdersClient.java:75) at Test.invokeListOrderItems(Test.java:44) at Test.main(Test.java:89) Caused by: java.lang.StringIndexOutOfBoundsException: String index out of range: -1 at java.lang.String.substring(String.java:1967) at com.amazonservices.mws.client.MwsConnection$ServiceEndpoint.<init>(MwsConnection.java:102) at com.amazonservices.mws.client.MwsConnection.getServiceEndpoint(MwsConnection.java:398) at com.amazonservices.mws.client.MwsConnection.newCall(MwsConnection.java:687) at com.amazonservices.mws.client.MwsConnection.call(MwsConnection.java:420) ... 3 more（标签html文件＆＃s; sss文件）
```
tabs.scss
```

标签根页scss文件：

page-tabs {
  .tabbar {
    top: 0;
    width: 5rem;
    flex-direction: column;
    background-color: #cfa972 !important;
  }

  ion-header {
    left: 5rem;
    right: 0;
  }

  ion-content {
    left: 5rem;
    right: 0;
  }

  .tabs-ios .tab-button {
    width: 100%;
    font-size: 10px;
    color: #cfa972;
    padding: 0;

    &[aria-selected="false"] {
      color: #cfa972 !important;
      background-color: #cfa972 !important;
    }

    &[aria-selected="true"] {
      color: #ffffff !important;
      background-color: #b28850 !important;
    }

    &[aria-selected="true"] .tab-button-icon {
      color: #ffffff;
    }

    &[aria-selected="false"] .tab-button-icon {
      color: #ffffff;
    }
  }

  .has-icon .tab-badge {
    right: calc(50% - 22px);
  }

  .tab-badge {
    top: 33%;
  }
}

Ionic2选项卡内容，左侧有垂直标签

1 个答案: