ionic 头部内容 尾部

2024-02-29 18:14:29 浏览数 (3)

引入 

ionic 的css js 和angularJS 这三个文件

头部写法

代码语言:javascript复制
<ion-header-bar align-title="center" class="bar-positive">
		            <div class="buttons">
		                <button class="button" ng-click="doSomething()">左侧按钮</button>
		            </div>
		            <h1 class="title">Title!</h1>
		            <div class="buttons">
		                <button class="button">右侧按钮</button>
		            </div>
		        </ion-header-bar>

内容区域

代码语言:javascript复制
<ion-content>
			一些内容!
		</ion-content>

尾部区域

代码语言:javascript复制
<ion-footer-bar align-title="left" class="bar-positive">
		  <div class="buttons">
		    <button class="button">左侧按钮</button>
		  </div>
		  <h1 class="title">Title!</h1>
		  <div class="buttons" ng-click="doSomething()">
		    <button class="button">右侧按钮</button>
		  </div>
		</ion-footer-bar>

0 人点赞