最新版本号[免费下载]

ionic中 list下面的item

作者:本站编辑 发布时间:2015-11-24 来源:本站原创 点击数:

ionic 成员容器 : .item

列表的样式定制主要发生在.item元素上。在.item元素内, 可以插入文本、徽章、图标、图像(头像、缩略图或大图)、按钮等各种 样式的元素:

.item




<!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<i class="badge badge-positive">123</i></li>

<li class="item">Contra<i class="badge badge-stable">15</i></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<i class="badge badge-positive">20</i></li>

</ul>

</div>

</body>

</html>



本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
上一篇文章:ionic中的list
AI智能听书
选取音色