离子滚动不适用于ios,但使用离子滚动它正在使用android(像素)手机

时间:2017-06-16 00:22:37

标签: android ios css ionic-framework

ionic.min.css - > Ionic,v1.3.2

<link rel="stylesheet" href="../lib/ionic/css/ionic.min.css">
<link rel="stylesheet" href="../lib/mobiscroll.custom/css/mobiscroll.custom-3.0.0-beta6.min.css">

我制作了一个新模块,我认为我拥有了所需的一切,然后当iphone开发人员告诉我时,我认为我已经修复了

<ion-scroll zooming="false" direction="y" style="height: 900px;">

但这只适用于我的谷歌Android像素,因此我尝试通过谷歌搜索的试验和错误进行修复。

<ion-view view-title="Home Consumer">
<ion-content >
<ion-scroll zooming="false" direction="y" style="height: 900px;">

  <ion-list class="list-borderless">
    <ion-item>
      Please Confirm the following:<br><br>
      <h2 style="text-decoration: underline;"><strong>Account Details</strong></h2>
    </ion-item>
  </ion-list>
  <ion-list >
    <ion-item >
      <div>
        Name: {{vmHome.account[0].authorizationFirstName}} {{vmHome.account[0].authorizationLastName}}
      </div>
      <div>
        Phone Number: {{vmHome.account[0].btn}}
      </div>
      <div>
        Relationship: {{vmHome.account[0].relation}}
      </div>
      <div><strong>Service Address:</strong>
      </div>
      <div>
        {{vmHome.account[0].serviceAddress}}
      </div>
      <div>
        {{vmHome.account[0].serviceCity}}, {{vmHome.account[0].serviceState}} {{vmHome.account[0].serviceZip}}
      </div>
      <div>
        <strong>Order Details:</strong>
      </div>
      <div ng-repeat="accountType in vmHome.account">
        {{accountType.utilityTypeName}} Acct#: {{accountType.accountNumber}}
      </div>
      <div>
        &nbsp;
      </div>
      <div style="text-decoration: underline;"><strong>Program Details:</strong>
      </div>

    </ion-item>
  </ion-list>
  <ion-list >
    <ion-item >

      <div ng-repeat="account in vmHome.account">
        <div> <strong>{{account.utilityTypeName}}</strong></div>
        <div> {{account.programName}} </div>
        <div> Rate: {{account.rate}}</div>
        <div>Term (months): {{account.term}}</div>
        <div> MSF: {{account.msf | currency}}</div>
        <div> ETF: {{account.etf | currency}}</div>
      </div>
    </ion-item>
  </ion-list>
  <ion-list >
    <ion-item >

      <button ng-click="vmHome.newEnrollment()">
    Next</button>
    </ion-item>
  </ion-list>
</ion-scroll>
</ion-content>

0 个答案:

没有答案