ionic基础.docx

《ionic基础.docx》由会员分享，可在线阅读，更多相关《ionic基础.docx（9页珍藏版）》请在三一办公上搜索。

1、ionic基础1.标题与副标题 Header Sub Header 效果如下： 2.底部兰 Footer 效果如下： 3.button键 Header Buttons Edit 效果如下： 4. 一行多个button First Second Third 效果如下： 5.带button的list div class=list Call Ma 效果如下： 6.缩略图列表 img src= Weezer Blue Album 效果如下： 7.ionic卡片 卡片 这里是卡片内容。 这里是卡片内容。 这里是卡片内容。 效果如下： 8.卡片 头部与底部 卡片头部！ 基本卡片，包含了文本信息。 卡片底部

2、！ 效果如下： 9输入框：欲输入表单 预输入标签 Submit 效果如下：可在里面输入内容 10.用户名和密码登录 用户名： 密码： 登录 效果如下： 11.堆叠标签 First Name Last Name Email Create Account 效果如下： 12.浮动标签，跟堆叠标签看着类似，但浮动标签有一个动画的效果，每个选项需要指定 item-floating-label 类，输入标签需要指定 input-label。 First Name Last Name Email Create Account 效果如下： 13.内嵌表单 Submit 效果如下： 14.搜索输入框 取消 效果如下： 15.切换按钮 HTML5 CSS3 Flashplayer 效果如下： 16.复选框 Flux Capacitor 1.21 Gigawatts Delorean 17.ionic select Select Lightsaber Blue Green Red 18.ionic tab(选项卡) 选项卡 主页 收藏 设置 效果如下：主页、收藏、设置可点击