2019独角兽企业重金招聘Python工程师标准>>>

三.、界面组件类

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元素上。

3. 按钮

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

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>

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

Ionic css组成（三）相关推荐

  1. ionic.css界面组件：表单-复选按钮

    2019独角兽企业重金招聘Python工程师标准>>> 和开关一样,复选按钮也是基于HTML的checkbox input实现的.使用如下的HTML模板声明复选按钮.用法: < ...

  2. CSS实现三列图片等宽等间距布局

    每个图片块左浮动,宽30%,左外边距2.5%: 100%=(2.5%+30%)+(2.5%+30%)+(2.5%+30%)+2.5%<!DOCTYPE html> <html> ...

  3. css的三个特性 背景透明设置

    关于行内元素(补充一点) 行内元素只能容纳文本或其他行内元素.(a特殊a里面可以放块级元素) 例子: 关于行高tip: 选择器的嵌套层级不应大于3级,位置靠后的限定条件应尽可能的精确. 属性定义必须另 ...

  4. 外部导入方式添加背景图_web前端基础：CSS的三种导入方式说明

    随着html的成长,为了满足页面设计者的要求,HTML添加了很多显示功能.但是随着这些功能的增加,HTML变得越来越杂乱,而且HTML页面也越来越臃肿.于是css便诞生了. Web前端基础教程,Web ...

  5. CSS 的三个特性：层叠性、继承性、优先级

    层叠性 CSS 有三个非常重要的三个特性:层叠性.继承性.优先级. 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式.层叠性主要解决样式冲突 的问题 层叠性原则:  样式冲突 ...

  6. CSS line-height 三种赋值方式有何区别 (琐碎知识点整理)

    之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作 ...

  7. CSS（三）：CSS特性与盒子模型

    目录 CSS三大特性 层叠性 继承性 行高的继承 优先级 权重的叠加 盒子模型 网页布局的本质 盒子模型组成 边框(border) 表格细线边框 边框会影响盒子实际大小! 内边距(padding) p ...

  8. 前端学习之CSS第三天

    前端学习之CSS第三天 一.圆角边框 border-radius 圆形 :正方形的盒子是圆形,长方形的盒子是椭圆 boder-radius:50% 圆角矩形:高度或者是宽度的一半 border-rad ...

  9. CSS的三种引入方式：外部样式、内部样式和行内样式

    CSS的三种引入方式:外部样式.内部样式和行内样式 外部样式 链接式:link标签 导入式:@import 链接式与导入式的区别 内部样式 行内样式 样式优先级 外部样式 即CSS代码保存在外部,HT ...

  10. 前端之CSS篇(三)——CSS三大特性及盒子模式和边距边框

    1.CSS的三大特性 CSS有三个非常重要的三个特性:层叠性.继承性.优先性 1.1 层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式.层叠性主要解决样式冲突的问题. ...

最新文章

  1. 八年级计算机软件,信息技术（南方出版社） 八年级下册教案（共14课）
  2. Per Johansson：经济学中自然实验和准实验 | 周日直播·因果科学读书会
  3. 欢迎使用CSDN-markdown编辑器（此为使用指南，自己还不熟练有些功能的使用）
  4. if test 多条件_五条写好JavaScript条件语句的建议（译）
  5. 禁止套娃！Redis官网宕机，返回“连接不上Redis”
  6. java EE 5配置邮件发送 qq企业邮箱
  7. #pragma pack(push,1) #pragma pack(pop)
  8. python sql注入漏洞 ctf_CTF-WEB 一个登录框SQL盲注
  9. 【Java练习题】Java 程序的输出 | 第十一套（含解析）
  10. eclipse关联KEmulator模拟器开发J2ME游戏
  11. WEB前端-CSS精灵技术
  12. 测试狗：Zview软件拟合电化学阻抗谱教程
  13. Android6.0之AMS启动app中篇之创建app进程
  14. 3dmax 注意事项
  15. mysql按月创建分表_MySQL之按月拆分主表并按月分表写入数据提高数据查询速度...
  16. ACM779-兰州烧饼
  17.  php怎么做注册短信验证码
  18. C语言编写IDL动态可加载模块(DLM)入门
  19. 有生之年，被FCoin坑到底？
  20. python sdk是什么意思_sdk啥意思

热门文章

  1. python调用自定义函数返回值的类型_生成dll文件以及python对DLL中函数的调用（参数类型以及返回值）...
  2. php 常用session函数,PHP Session 常用的函数
  3. ajax 时间格式string,ajax 数据请求：json格式在浏览器变成了string ，使用JSON.stringify(params)方法...
  4. 广西师范大学c语言期末试题,广西师范大学 据库原理(A卷).doc
  5. 常见数字IC设计、FPGA工程师面试题
  6. 如何插入页面，PDF怎么插入页面
  7. Java笔记（持续更新中）
  8. 把巧克力球送上天，玛氏用Uni Marketing 打造网红零食
  9. MyBatis查询两个字段，返回Map，一个字段作为key，一个字段作为value的实现
  10. jota-time 练习