Javascript 离子角离子含量填充问题

我正在开发我的第一款Ionic应用程序。我从基本的侧菜单模板开始

$ionic start myApp侧菜单

从那里我创建了一个带有列表的简单页面，看起来像这样

<ion-view view-title="Players">
  <ion-nav-buttons side="right">
    <button class="button button-positive" ng-click="doSomething()"> Learn More</button>
  </ion-nav-buttons>
  <ion-content>
    <ion-refresher
      pulling-text="Pull to refresh..."
      on-refresh="doRefresh()">
    </ion-refresher>
    <ion-list can-swipe="listCanSwipe">
      <ion-item class="item-icon-left" ng-repeat="player in players" href="#/app/players/{{player.id}}">
          <i class="icon ion-ios-contact"></i>
          {{player.fname}} {{player.lname}}
          <span class="item-note">
            {{player.city}}, {{player.state}}
          </span>
          <ion-option-button class="button-positive" ng-click="share(item)">
            [Option 1]
          </ion-option-button>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

---

我知道我可以编写自己的css来覆盖它，但我更希望它能像他们的示例那样工作，而不需要我去修补它。那么，我在标记中是否做错了什么？这是虫子吗？我如何消除右侧的这个49px间隙，使其看起来像他们的示例？谢谢

在本例中，您使用的模板是

因此，它在离子项目的右侧添加了额外的填充

如果你删除那个，你会得到确切的结果，在选项按钮不在那里

因此，添加了

。项无线电

类

如果你将需要一个这样可能是你需要你的定制css

---

希望这对你有帮助

在本例中，您使用的模板是

因此，它在离子项目的右侧添加了额外的填充

如果你删除那个，你会得到确切的结果，在选项按钮不在那里

因此，添加了

。项无线电

类

如果你将需要一个这样可能是你需要你的定制css

希望这对你有帮助

.item-complex .item-content, .item-radio .item-content {
    position: relative;
    z-index: 2;
    padding: 16px 49px 16px 16px;
    border: none;
    background-color: #fff;
}