Question

我是Ionic移动框架的初学者。现在我开始在http://ionicframework.com/网站学习离子。我尝试从这个网站创建一个移动应用程序，这些元素与其他领域重叠。请给我一个一个简单的应用程序的格式化结构和用于学习的离子框架站点链接的链接

enter image description here

我的代码：

<!DOCTYPE html>
<html>

<head>
<title>Blank Hybrid App Project Template</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/ionic.min.css" />
<style>
    @-ms-viewport { width: 100vw ; zoom: 100% ; }
    @viewport { width: 100vw ; zoom: 100% ; }
    @-ms-viewport { user-zoom: fixed ; }
    @viewport { user-zoom: fixed ; }
</style>
<link rel="stylesheet" href="css/app.css">
</head>

<body>
    <div class="bar bar-header bar-positive">
            <h1 class="title">Header</h1>
    </div>
    <div class="card">
          <div class="item item-divider">
            I'm a Header in a Card!
          </div>
          <div class="item item-text-wrap">
            This is a basic Card with some text.
          </div>
          <div class="item item-divider">
            I'm a Footer in a Card!
          </div>
    </div>
    <div class="tabs tabs-icon-top tabs-positive">
      <a class="tab-item"><i class="icon ion-home"></i>Home</a>
      <a class="tab-item"><i class="icon ion-star"></i>Favorites</a>
      <a class="tab-item"><i class="icon ion-gear-a"></i>Settings</a>
    </div>
 <script src="js/jquery-2.1.1.min.js"></script>
 <script src="js/ionic.bundle.min.js"></script>
 <script src="js/ionic-angular.min.js"></script>
 <script src="js/ionic.min.js"></script>
</body>
</html>

离子网格不会自动保留网格之间的行间距？

0 个答案: