替换标题
来源:互联网 发布:电气学什么软件 编辑:程序博客网 时间:2024/06/09 20:26
<!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>
阅读全文
0 0
- 替换标题
- 替换标题+侧滑菜单
- 稻壳CMS如何替换栏目标题
- swing 替换标题图片与插入背景图片
- PowerBuilder 将导出的EXCEL英文标题替换为汉字
- DEDE批量修改替换文章标题和文章内容
- 织梦CMS_怎样批量修改替换文章标题内容
- dedecms 批量替换文章标题内容终极方法
- 模仿instagram的标题替换滚动的效果
- empire帝国cms 标题、关键词、描述替换的sql命令
- 标题
- 标题
- 标题
- 标题 标题 标题 标题
- 标题
- 标题
- 标题
- 标题
- Python 练习实例3
- Ajax 中的GET和POST
- 学术报告的套路
- 关于IOS OC 中的load 和 initialize 方法
- RecyclerView瀑布流展示数据
- 替换标题
- Apache Commons-logging使用实例
- MDK5新建工程方法-STM32
- #1631 : Cats and Fish
- 替换标题+侧滑菜单
- Gerrit使用简介
- linux下的tcpip协议栈部分代码意义(1)
- SSO单点登录三种情况的实现方式详解 单点登录(SSO——Single Sign On)
- java泛型的应用