上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

广水网页设计-高端网站设计公司

  Call Ma    <i class="icon ion-ios-telephone-outline"></i>
  </a>

  <a class="item item-icon-left" href="#">
    <i class="icon ion-mic-a"></i>
    Record album    <span class="item-note">
      Grammy    </span>
  </a>

  <a class="item item-icon-left" href="#">
    <i class="icon ion-person-stalker"></i>
    Friends    <span class="badge badge-assertive">0</span>
  </a></div>

尝试一下 »

按钮列表

使用 item-button-right 或 item-button-left 类将按钮放在列表项中。

<div class="list">

  <div class="item item-button-right">
    Call Ma    <button class="button button-positive">
      <i class="icon ion-ios-telephone"></i>
    </button>
  </div>

  ...</div>

尝试一下 »

带头像列表

使用 item-avatar 来创建一个带头像的列表：

<div class="list">

    <a class="item item-avatar" href="#">
      <img src="venkman.jpg">
      <h2>Venkman</h2>
      <p>Back off, man. I'm a scientist.</p>
    </a>

    ...</div>

尝试一下 »

缩略图列表

item-thumbnail-left 类用于添加左侧对齐的缩略图， item-thumbnail-right 类用于添加右侧对齐的缩略图。

<div class="list">

ionic 卡片

近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。

针对移动端的应用，卡片会根据屏幕大小自适应大小。

我们可以很灵活的控制卡片的显示效果，甚至实现动画效果。

卡片一般放在页面顶部，当然也可以实现左右切换的功能。

<div class="card">

  <div class="item item-text-wrap">

    基本卡片，包含了文本信息。

  </div>

</div>

尝试一下 »

卡片(card)默认样式带有box-shadow(阴影)，由于性能的原因，和他类似的元素像 list list-inset 并没有阴影。

如果你有很多的卡片，每个卡片都有很多子元素，建议使用内嵌列表（inset list）。

卡片的头部与底部

我们可以通过添加 item-divider 类为卡片添加头部与底部：

<div class="card">

  <div class="item item-divider">

    卡片头部！

  </div>

  <div class="item item-text-wrap">

    基本卡片，包含了文本信息。

  </div>

  <div class="item item-divider">

    卡片底部！

  </div>

</div>

尝试一下 »

卡片列表

使用 list card 类来设置卡片列表：

<div class="list card">

  <a href="#" class="item item-icon-left">

    <i class="icon ion-home"></i>

    Enter home address

  </a>

  <a href="#" class="item item-icon-left">

    <i class="icon ion-ios-telephone"></i>

    Enter phone number

  </a>

  <a href="#" class="item item-icon-left">

    <i class="icon ion-wifi"></i>

    Enter wireless password

广水网页设计-高端网站设计公司

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）