ionnic 解决头部遮盖主题内容的问题

最新推荐文章于 2021-11-22 09:36:02 发布

小呆萌--

最新推荐文章于 2021-11-22 09:36:02 发布

阅读量625

点赞数

文章标签： ionnic 解决头部遮盖主题内容的问题

本文链接：https://blog.csdn.net/qq_40446718/article/details/78558036

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../lib/css/ionic.css" />
<script type="text/javascript" src="../lib/js/ionic.bundle.js" ></script>
<script>
angular.module('app',['ionic'])
.controller('mycon',['$scope','$http',function($scope,$http){
$scope.arr=["bunihih",'isfasfosf','不是你的你不心疼是啊吧','可以哈小宝贝','你这样做事不对的'];
$scope.items=[
{
"name":"HTML5"
},
{
"name":"JavaScript"
},
{
"name":"Css3"
}
];

$scope.doRefresh = function() {
$http.get('stars.json')
.success(function(newItems) {
$scope.items = newItems;
})
.finally(function() {
$scope.$broadcast('scroll.refreshComplete');
});
};

}])

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {

if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
});

</script>
<style>

</style>
</head>
<body ng-app="app" ng-controller="mycon">
<ion-side-menus>

<ion-side-menu-content >

<ion-header-bar class="bar-calm">

<button menu-toggle="left" class="button button-icon icon ion-navicon" side="left"></button>
<h3 class="title">八维研究学院</h3>

</ion-header-bar>

<ion-pane>

<ion-content >
<ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
<ion-list>
<ion-item ng-repeat="item in items" ng-bind="item.name"></ion-item>
</ion-list>
</ion-content>

</ion-pane>

</ion-side-menu-content>

<ion-side-menu side="left" width='200'>
<ion-header-bar align-title="left" class="bar-calm" >

</ion-header-bar>
<ion-content>

<ion-list ng-repeat="ar in arr">

<ion-item>
{{ar}}
</ion-item>

</ion-list>
</ion-content>

</ion-side-menu>

</body>
</html>

小呆萌--

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ionnic 解决头部遮盖主题内容的问题

angular.module('app',['ionic']).controller('mycon',['$scope','$http',function($scope,$http){$scope.arr=["bunihih",'isfasfosf','不是你的你不心疼是啊吧','可以哈小宝贝','你这样做事不对的'];$scope.items=[ {
复制链接

扫一扫