博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ionic css组成(三)
阅读量:6937 次
发布时间:2019-06-27

本文共 896 字,大约阅读时间需要 2 分钟。

hot3.png

三.、

1. 列表

使用.list定义列表容器, 使用定义列表成员:

<any class="list">

    <any class="item">...</any>

    <any class="item">...</any>

    <any class="item">...</any>

    <any class="item">...</any>

</any>

006zipb5zy79MKwuC3L51&690 

2. 成员项

列表的样式定制主要发生在.item元素上。

3. 按钮

使用.button样式定义按钮元素

006zipb5zy79MKASY9270&690 

4. 开关

开关通常用来设置两种状态 - 开启和关闭

006zipb5zy79MKBAulp97&690 

<any class="item item-toggle">

iMessage

<label class="toggle toggle-balanced">

<input type="checkbox">

<div class="track">

<div class="handle"></div>

</div>

</label>

</any>

 

5. 复选

通常用来在一组列表中选中部分成员

<any class="item item-chexkbox">

    <any class="checkbox">

        <input type="checkbox">

    </any>

</any>

006zipb5zy79MKCixwZ11&690 

6. 单选

<label class="item item-radio">

<input type="radio" name="group">

<div class="item-content">f支付宝客户端支付</div>

<i class="radio-icon ion-checkmark assertive"></i>

</label>

单选按钮通常不单独使用,将他们放入一个列表中

<any class="list">

    <any class="item item-radio">...</any>

    <any class="item item-radio">...</any>

    ...

</any>

006zipb5zy79MKD0j6T27&690 

转载于:https://my.oschina.net/u/2971691/blog/867360

你可能感兴趣的文章
CentOS用yum安装MariaDB
查看>>
ActiveMQ 全排序(Total Ordering)
查看>>
胖AP&瘦AP
查看>>
git 拉取问题
查看>>
清空weblogic日志文件nohup.out
查看>>
MyBatis注解select in参数
查看>>
禁止有道爬虫
查看>>
java核心技术I
查看>>
关于用VS实现开机自启动功能(win7/winXp)
查看>>
重拾Python 笔记五
查看>>
Yii 日志
查看>>
我的友情链接
查看>>
3.2 双向链表
查看>>
MySQL for Mac 安装和基本操作
查看>>
MFC does not support WINVER less than 0x0501.
查看>>
如何用一年时间学完MIT四年的计算机科学课程
查看>>
网络之二
查看>>
Go应用程序使用dockerfile multi-stage的问题
查看>>
吐槽:iOS要获得联系人所属分组好麻烦
查看>>
中文环境下的Weblogic
查看>>