《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(选项卡) 选项卡 主页 收藏 设置 效果如下:主页、收藏、设置可点击