<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="lib/css/ionic.css" rel="stylesheet" />
<script src="lib/js/ionic.bundle.js"></script>
<script>
angular.module("jun", ["ionic"])
.controller("dd",["$scope","$ionicSideMenuDelegate",function($scope,$ionicSideMenuDelegate){
$scope.newsData=[{
"img":"img/1.jpg",
"title":"百度新闻搜索——全球最大的中文新闻平台",
"content":"百度新闻是包含海量资讯的新闻服务平台,真实反映每时每刻的新闻热点。您可以搜索新闻事件、热点话题、人物动态、产品资讯等,快速了解它们的最新进展。"
}]
$scope.Musics=[{
"img":"img/1.jpg",
"title":"百度新闻搜索——全球最大的中文新闻平台",
"content":"百度新闻是包含海量资讯的新闻服务平台,真实反映每时每刻的新闻热点。您可以搜索新闻事件、热点话题、人物动态、产品资讯等,快速了解它们的最新进展。"
}]
$scope.toggleProjects = function() {
$ionicSideMenuDelegate.toggleLeft()
}
}])
</script>
</head>
<body ng-app="jun" ng-controller="dd">
<ion-tabs class="tabs-positive tabs-icon-only">
<ion-tab title="首页" >
<header class="bar bar-header bar-positive">
<h1 class="title">首页</h1>
</header>
<ion-content has-header="true">
<br />
<br />
<br />
<div class="list" ng-controller="dd">
<a class="item item-thumbnail-left" href="#" ng-repeat="news in newsData" >
<img src={{news.img}}/>
<h2>{{news.title}}</h2>
<p>{{news.content}}</p>
</a>
</div>
</ion-content>
</ion-tab>
<ion-tab title="关于" >
<header class="bar bar-header bar-positive">
<h1 class="title">关于</h1>
</header>
<ion-content has-header="true">
<br />
<br />
<br />
<div class="list" ng-controller="dd">
<a class="item item-thumbnail-left" href="#" ng-repeat="music in Musics" >
<img src={{music.img}}/>
<h2>{{music.title}}</h2>
<p>{{music.content}}</p>
</a>
</div>
</ion-content>
</ion-tab>
<ion-tab title="Settings">
<header class="bar bar-header bar-positive">
<h1 class="title">Settings</h1>
</header>
<ion-content has-header="true">
<br />
<br />
<br />
<div class="list" ng-controller="dd">
<a class="item item-thumbnail-left" href="#" ng-repeat="music in Musics" >
<img src={{music.img}}/>
<h2>{{music.title}}</h2>
<p>{{music.content}}</p>
</a>
</div>
</ion-content>
</ion-tab>
</ion-tabs>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="lib/css/ionic.css" rel="stylesheet" />
<script src="lib/js/ionic.bundle.js"></script>
<script>
angular.module("jun", ["ionic"])
.controller("dd",["$scope","$ionicSideMenuDelegate",function($scope,$ionicSideMenuDelegate){
$scope.newsData=[{
"img":"img/1.jpg",
"title":"百度新闻搜索——全球最大的中文新闻平台",
"content":"百度新闻是包含海量资讯的新闻服务平台,真实反映每时每刻的新闻热点。您可以搜索新闻事件、热点话题、人物动态、产品资讯等,快速了解它们的最新进展。"
}]
$scope.Musics=[{
"img":"img/1.jpg",
"title":"百度新闻搜索——全球最大的中文新闻平台",
"content":"百度新闻是包含海量资讯的新闻服务平台,真实反映每时每刻的新闻热点。您可以搜索新闻事件、热点话题、人物动态、产品资讯等,快速了解它们的最新进展。"
}]
$scope.toggleProjects = function() {
$ionicSideMenuDelegate.toggleLeft()
}
}])
</script>
</head>
<body ng-app="jun" ng-controller="dd">
<ion-tabs class="tabs-positive tabs-icon-only">
<ion-tab title="首页" >
<header class="bar bar-header bar-positive">
<h1 class="title">首页</h1>
</header>
<ion-content has-header="true">
<br />
<br />
<br />
<div class="list" ng-controller="dd">
<a class="item item-thumbnail-left" href="#" ng-repeat="news in newsData" >
<img src={{news.img}}/>
<h2>{{news.title}}</h2>
<p>{{news.content}}</p>
</a>
</div>
</ion-content>
</ion-tab>
<ion-tab title="关于" >
<header class="bar bar-header bar-positive">
<h1 class="title">关于</h1>
</header>
<ion-content has-header="true">
<br />
<br />
<br />
<div class="list" ng-controller="dd">
<a class="item item-thumbnail-left" href="#" ng-repeat="music in Musics" >
<img src={{music.img}}/>
<h2>{{music.title}}</h2>
<p>{{music.content}}</p>
</a>
</div>
</ion-content>
</ion-tab>
<ion-tab title="Settings">
<header class="bar bar-header bar-positive">
<h1 class="title">Settings</h1>
</header>
<ion-content has-header="true">
<br />
<br />
<br />
<div class="list" ng-controller="dd">
<a class="item item-thumbnail-left" href="#" ng-repeat="music in Musics" >
<img src={{music.img}}/>
<h2>{{music.title}}</h2>
<p>{{music.content}}</p>
</a>
</div>
</ion-content>
</ion-tab>
</ion-tabs>
</body>
</html>