ionic3 Toggles

作者: 追逐繁星的阿忠 | 来源:发表于2018-10-09 17:24 被阅读18次

ionic3 Toggles
ionic3 修改Toggles默认颜色
[翻译]功能切换（又称功能标志）
Ionic3开发教程 - 发布IOS版本（4）
Ionic3开发教程 - 更新（5）
Ionic3开发教程 - 发布Android版本（3）
Ionic3开发教程 - 环境准备（1）
Ionic3开发教程 - 开发（2）
ionic3 教程（一）安装和配置
ionic3 教程（五）基本的网络请求

toggles.png

<ion-header>
    <ion-navbar>
        <ion-title>
            Toggles
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>

    <ion-list>
        <ion-list-header>
            Characters
        </ion-list-header>

        <ion-item>
            <ion-label>Frodo Baggins</ion-label>
            <ion-toggle value="foo" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Sam</ion-label>
            <ion-toggle color="energized"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Éowyn</ion-label>
            <ion-toggle color="danger" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Legolas</ion-label>
            <ion-toggle color="royal" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Gimli</ion-label>
            <ion-toggle color="danger"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Saruman</ion-label>
            <ion-toggle color="dark" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Gandalf</ion-label>
            <ion-toggle color="energized" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Arwen</ion-label>
            <ion-toggle color="royal"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Treebeard</ion-label>
            <ion-toggle color="secondary" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Boromir</ion-label>
            <ion-toggle color="royal"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Gollum</ion-label>
            <ion-toggle color="dark" checked="true"></ion-toggle>
        </ion-item>

        <ion-item>
            <ion-label>Galadriel</ion-label>
            <ion-toggle color="energized"></ion-toggle>
        </ion-item>


    </ion-list>

</ion-content>