Ionic css组成(三)
来源:互联网 发布:淘宝设置手机专享价 编辑:程序博客网 时间:2024/06/05 18:54
三.、界面组件类
1. 列表
使用.list定义列表容器, 使用.item定义列表成员:
<any class="list">
<any class="item">...</any>
<any class="item">...</any>
<any class="item">...</any>
<any class="item">...</any>
</any>
2. 成员项
列表的样式定制主要发生在.item元素上。
ionic使用.button样式定义按钮元素3. 按钮
4. 开关
开关通常用来设置两种状态 - 开启和关闭
<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>
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>
- Ionic css组成(三)
- Ionic css组成(一)
- Ionic css组成(二)
- Ionic css组成(四)
- Ionic css组成(五)
- ionic Css
- ionic学习记录(三)
- Ionic 组成模块分类解析
- ionic中文详细CSS组件(1)
- ionic中文详解CSS组件(2)
- ionic开发常见问题及解决方案(三)
- ionic开发常见问题及解决方案(三)
- ionic css 布局
- ionic css类总结
- ionic CSS布局
- 计算机组成原理入门(三)
- 计算机组成原理个人笔记(三)
- 计算机组成原理知识点梳理(三)
- 《Java高并发程序设计》学习 --5.11 AIO
- 1063. 计算谱半径(20) python篇
- 完美解决ImportError: No module named _tkinter的问题
- 如何注册阿里云申请图片上传
- Caffe笔记
- Ionic css组成(三)
- 解决用Ipython画图不出现问题
- 中缀表达式到后缀表达式的切换
- 使用python编写自己的进程调试工具
- Linux常用命令行1
- Laravel
- 安卓开发——intent机制详解
- Activity的四种启动模式
- Java for Web学习笔记(四七):WebSocket(4)Java Client和二进制消息