PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网 视频教程 ionic 教程 查看内容

ionic中的list

2015-4-8 12:50| 发布者: admin| 查看: 2007| 评论: 0

摘要: 列表 : .list列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器, 使用.item定义列表成员:any class="list" any class="item".../any any class="item".../any any class="item".../any any class="ite ...

列表 : .list

列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器, 使用.item定义列表成员:

  1. <any class="list">
  2. <any class="item">...</any>
  3. <any class="item">...</any>
  4. <any class="item">...</any>
  5. <any class="item">...</any>
  6. </any>

对列表外观的定制化主要集中在.item元素上,.list元素仅有 少数的几个样式定义:

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>



头晕

难过

扯淡

不解

搞笑

支持

超赞

欠扁

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

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.

返回顶部