我的 ionic 应用程序有问题。
你怎么看,我的第二个切换按钮看起来与第一个不同。我尝试了很多不同的 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