摘要: !重点 multiple="true" 控制 选择框是 多选还是单选。true为 多选类似 checkbox。 阅读全文
posted @ 2016-06-06 00:47 淡定君 阅读(7274) 评论(0) 推荐(0) 编辑
摘要: 还有更多的样式http://ionicframework.com/docs/v2/api/components/searchbar/Searchbar/ 阅读全文
posted @ 2016-06-06 00:46 淡定君 阅读(4043) 评论(0) 推荐(0) 编辑
摘要: 1、基本样式 no-lines 属性 隐藏列表项之间的分割符 inset 属性 去掉 ion-list的 外边框。 默认 的 ion-list 是有外边框的。 /* 示例代码 */ <ion-content> <ion-list no-lines> <ion-item>no-lines</ion-i 阅读全文
posted @ 2016-06-06 00:44 淡定君 阅读(4075) 评论(0) 推荐(0) 编辑
摘要: 1、input ion-list中 的 inset 使最后一个 ion-item 不带分割线, 具体效果请尝试 。 2、radio 阅读全文
posted @ 2016-06-06 00:39 淡定君 阅读(429) 评论(0) 推荐(0) 编辑
摘要: 1、图标 当然可以使用 平台特定 图标 <ion-icon ios="logo-apple" md="logo-android"></ion-icon> 是 ios 的时候显示 ios的图标 , 别的则显示 Android的图标 变量的图标: 使用一个变量设置一个图标: <ion-icon [nam 阅读全文
posted @ 2016-06-06 00:36 淡定君 阅读(1472) 评论(0) 推荐(0) 编辑
摘要: 带有 warp 的 ion-row 超出界限( 100)时自动换到下一行。。而没有 warp 的 ion-row 是在同一行。。。 接下来看一下所有属性。 首先 可以去 theme/app.core.scss中导入 你的 scss 显式列百分比属性 显式列百分比属性 width-10 10% wid 阅读全文
posted @ 2016-06-06 00:18 淡定君 阅读(5356) 评论(0) 推荐(0) 编辑
摘要: 1、多选框:ion-checkbox 2、时间选择框:ion-datetime 阅读全文
posted @ 2016-06-06 00:13 淡定君 阅读(517) 评论(0) 推荐(0) 编辑
摘要: 1、基本用法的使用 2、带有list多条信息的卡片。 用了 ion-list 还在 button上 加了 ion-item 使得这个button占据一整行。 3、带有图片的卡片 3、带有头像的卡片 这里可以看得出来 ion-item 里的 其实属于一个块级标签 。用里面的属性 item-lefft 阅读全文
posted @ 2016-06-06 00:03 淡定君 阅读(1090) 评论(0) 推荐(0) 编辑
摘要: 2、不同形状的按钮 3、带有图标的 按钮 4、在别的组件上使用 按钮 上图中 ion-buttons 一个 是 start 一个是 end 可以很好的控制他们的先后顺序 阅读全文
posted @ 2016-06-05 23:58 淡定君 阅读(1056) 评论(0) 推荐(0) 编辑
摘要: 因为ion-item 一般写于ion-list里 所以在ion-list里面我会仔细讲解。 1、 ion-badge ion-badge 也可以给予任何颜色属性 <ion-badge secondary item-right> 999 </ion-badge> 阅读全文
posted @ 2016-06-05 23:50 淡定君 阅读(1206) 评论(0) 推荐(0) 编辑