ionic中的list
作者:本站编辑 发布时间:2015-11-24 来源:本站原创 点击数:106列表 : .list
列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器, 使用.item定义列表成员:
<any class="list"> <any class="item">...</any> <any class="item">...</any> <any class="item">...</any> <any class="item">...</any></any>
对列表外观的定制化主要集中在.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>
上一篇文章:ionic中的内边距 padding的使用
下一篇文章:ionic中 list下面的item