0

イオン アプリに問題があります。

ご覧のとおり、2 番目のトグル ボタンは最初のボタンとは異なって見えます。私はそれを修正するために非常に多くの異なるhtmlの変種を試しました。しかし、私は解決策を見つけることができません。そして、アイコンは腸に見えません。

スクリーンショットは次のとおり です。イオンアプリのスクリーンショット

HTML:

<ion-view>
    <ion-content class="padding">
        <div class="list">
            <form ...>
                <!-- ... -->
                <div class="card">

                    <div class="item item-divider">
                        Zugangsdaten
                    </div>

                    <div class="item item-text-wrap">
                        <label class="item item-input">
                            <i class="icon ion-ios-people"></i>
                            <span class="input-label">Klasse</span>
                            <input required type="text" ng-model="username"
                                   placeholder="Beispiel: R1a">
                        </label>
                    </div>

                    <div class="item item-text-wrap">
                        <label class="item item-input">
                            <i class="icon ion-key"></i>
                            <span class="input-label">Passwort</span>
                            <input required type="password" ng-model="password"
                                   placeholder="Frage deine/n Lehrer/in nach dem Passwort.">
                        </label>
                    </div>
                </div>

                <div class="card">

                    <div class="item item-divider">
                        Benachrichtigungen
                    </div>

                    <div class="item">
                        <ion-toggle ng-model="pushNotification" toggle-class="calm"><i
                                class="icon ion-android-notifications"></i>
                            Push-Benachrichtung
                        </ion-toggle>
                    </div>

                    <div class="item">
                        <ion-toggle ng-model="emailNotification" toggle-class="calm"><i class="icon ion-email"></i>
                            E-Mail-Benachrichtung
                        </ion-toggle>
                    </div>
                </div>

                <!-- buttons -->

            </form>
        </div>
    </ion-content>
</ion-view>

イオンバージョン: 1.7.15

4

2 に答える 2

0

回答ありがとうございます。トグルから削除すると、問題が解決しました。2 番目のトグル ボタンが正常に表示されるようになりました。

于 2016-05-30T20:43:55.150 に答える