1
私は最初のIonicアプリを開発中です。私は基本的なsidemenuテンプレートから始めました。そこからイオン性イオン含有量埋め込み問題
$ ionic start myApp sidemenu
私はリストと簡単なページを作成し、それはこのようになります...
<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>
私の質問は<span class="item-note">一部について、具体的です。私はこの例のコードをIonicの例から得ています：http://ionicframework.com/docs/components/#item-icons。彼らの例では、右端までノートテキストが表示されていますが、私のページにはたくさんのパディングがあります。私はこれをオーバーライドすることが、私はむしろそれはちょうど私がそれいじりせずに自分の例のように働くだろうと私自身のCSSを書くことができ知っている...
.item-complex .item-content, .item-radio .item-content {
position: relative;
z-index: 2;
padding: 16px 49px 16px 16px;
border: none;
background-color: #fff;
}
を私はソースを見たし、それはここから来ているように見えます。私はマークアップで間違ったことをしましたか？これはバグですか？この49pxのギャップを右側に取り除くにはどうすればよいのでしょうか？ありがとう！