列表 : .list列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器, 使用.item定义列表成员:
对列表外观的定制化主要集中在.item元素上,.list元素仅有 少数的几个样式定义: <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height"> <link rel="stylesheet" type="text/css" href="ionic.min.css"> </head> <body class="stable"> <div class="bar bar-header"> <h1 class="title">列表</h1> </div> <div class="scroll-content has-header"> <ul class="list"> <li class="item">Battletoads</li> <li class="item">Contra</li> <li class="item">Duck Tales</li> <li class="item">Mega Man</li> <li class="item">Metroid</li> <li class="item">Mike Tyson's Punch-Out</li> </ul> </div> </body> </html> |
Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )
GMT+8, 2024-4-27 21:20 , Processed in 0.040088 second(s), 20 queries .
Powered by Discuz! X3.2
© 2001-2013 Comsenz Inc.