ionic——侧拉
来源:互联网 发布:中学生网络文明公约 编辑:程序博客网 时间:2024/05/17 02:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="js/ionic/css/ionic.css" />
<script type="text/javascript" src="js/ionic/js/ionic.bundle.min.js"></script>
<script>
var app = angular.module("myApp", ["ionic"]);
app.controller("myCtrl", function($scope) {
$scope.items = ["inte1", "inte2", "inte3", "inte4"];
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ion-side-menus>
<!-- 中间内容 -->
<ion-side-menu-content>
hahaha
</ion-side-menu-content>
<!-- 左侧菜单 -->
<ion-side-menu side="left">
<ion-header-bar class="bar-light">
<h3 class="title">个人中心</h3>
</ion-header-bar>
<ion-list>
<ion-item ng-repeat="x in items">
{{x}}
</ion-item>
</ion-list>
</ion-side-menu>
<!-- 右侧菜单 -->
<ion-side-menu side="right">
嘿嘿
</ion-side-menu>
</ion-side-menus>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="js/ionic/css/ionic.css" />
<script type="text/javascript" src="js/ionic/js/ionic.bundle.min.js"></script>
<script>
var app = angular.module("myApp", ["ionic"]);
app.controller("myCtrl", function($scope) {
$scope.items = ["inte1", "inte2", "inte3", "inte4"];
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ion-side-menus>
<!-- 中间内容 -->
<ion-side-menu-content>
hahaha
</ion-side-menu-content>
<!-- 左侧菜单 -->
<ion-side-menu side="left">
<ion-header-bar class="bar-light">
<h3 class="title">个人中心</h3>
</ion-header-bar>
<ion-list>
<ion-item ng-repeat="x in items">
{{x}}
</ion-item>
</ion-list>
</ion-side-menu>
<!-- 右侧菜单 -->
<ion-side-menu side="right">
嘿嘿
</ion-side-menu>
</ion-side-menus>
</body>
</html>
阅读全文
0 0
- ionic——侧拉
- ionic侧拉菜单
- ionic侧拉菜单
- ionic侧拉
- ionic侧拉实现
- ionic ——— 下拉刷新及上拉加载
- ionic侧滑加上拉刷新
- ionic 上拉加载
- ionic练习(2)- 实现侧拉菜单
- ionic练习(3)- 实现页面切换+侧拉菜单
- AngularJS的ionic(侧拉、选项卡、list展示、上拉加载、下拉刷新)
- ionic 解析json串 带(路由 侧拉 效果 上拉刷新 下拉加载)
- ionic 上拉加载更多
- ionic之上拉加载更多
- ionic-上拉显示更多
- ionic ActionSheet(上拉菜单)
- ionic ActionSheet(上拉菜单)
- ionic——入门
- java.util.Collection包下各个类的特点汇总
- python实现验证码的非连接字符的分割算法
- 伪知识之了解数据库中回滚操作的含义持续更新:【内向即失败--王奕君】
- Eclipse 连接SQLServer数据库
- Android NDK + adb调试
- ionic——侧拉
- unix系列系统镜像下载
- 逻辑英语——动词和分词-----名词
- 16周---期末总结
- Query和Path的区别
- LeetCode 119. Pascal's Triangle II
- Tumblr记
- 使用动态代理解决网站的字符集编码
- 【Java学习笔记】枚举用法