mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
use padding attribute
This commit is contained in:
@@ -1,3 +1,3 @@
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<button (click)="openMenu()">Open Action Sheet</button>
|
||||
</ion-content>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<ion-title>Buttons Icons</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
|
||||
<div>
|
||||
<button>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
<button (click)="doSubmit($event)" outline small id="e2eSubmit">Submit</button>
|
||||
</p>
|
||||
|
||||
<p aria-hidden="true" class="padding">
|
||||
<p aria-hidden="true" padding>
|
||||
<code>appleCtrl.dirty: {{fruitsForm.controls.appleCtrl.dirty}}</code><br>
|
||||
<code>appleCtrl.value: {{fruitsForm.controls.appleCtrl.value}}</code><br>
|
||||
<code>bananaCtrl.dirty: {{fruitsForm.controls.bananaCtrl.dirty}}</code><br>
|
||||
@@ -49,6 +49,6 @@
|
||||
<code>grape.value: {{fruitsForm.controls.grapeCtrl.value}}</code><br>
|
||||
</p>
|
||||
|
||||
<pre aria-hidden="true" class="padding">{{formResults}}</pre>
|
||||
<pre aria-hidden="true" padding>{{formResults}}</pre>
|
||||
|
||||
</ion-content>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
|
||||
<ion-view nav-title="List">
|
||||
|
||||
<ion-content class="padding" #content>
|
||||
<ion-content padding #content>
|
||||
|
||||
<ion-list inset virtual [items]="items" [content]="content">
|
||||
<ion-item *cell #item>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
<ion-content #content class="padding">
|
||||
<ion-content #content padding>
|
||||
|
||||
<h3>Page 2</h3>
|
||||
|
||||
|
||||
@@ -76,7 +76,7 @@ export class ContactModal {
|
||||
@IonicView({
|
||||
template: `
|
||||
<ion-navbar *navbar><ion-title>First Page Header</ion-title><ion-nav-items primary><button id="e2eCloseMenu" (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<p>
|
||||
<button (click)="push()">Push (Go to 2nd)</button>
|
||||
</p>
|
||||
@@ -146,7 +146,7 @@ export class ModalFirstPage {
|
||||
@IonicView({
|
||||
template: `
|
||||
<ion-navbar *navbar><ion-title>Second Page Header</ion-title></ion-navbar>
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<p>
|
||||
<button (click)="nav.pop()">Pop (Go back to 1st)</button>
|
||||
</p>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<button id="e2eOpenModal" (click)="openModal()">Open Modal</button>
|
||||
</ion-content>
|
||||
|
||||
@@ -14,7 +14,7 @@ import {NavParams, NavController} from 'ionic/ionic';
|
||||
'<button>S1</button>' +
|
||||
'</ion-nav-items>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p>{{title}}</p>' +
|
||||
'<p><button id="from1To2" primary (click)="push()">Push (Go to 2nd)</button></p>' +
|
||||
'<p><button [push-data]="pushData" [nav-push]="pushPage">Push w/ nav-push (Go to 2nd)</button></p>' +
|
||||
@@ -55,7 +55,7 @@ class FirstPage {
|
||||
|
||||
@IonicView({
|
||||
template: `
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<h1>Second page</h1>
|
||||
<p>This page does not have a nav bar!</p>
|
||||
<p><button (click)="pop()">Pop (Go back to 1st)</button></p>
|
||||
@@ -100,7 +100,7 @@ class SecondPage {
|
||||
@IonicView({
|
||||
template: `
|
||||
<ion-navbar *navbar><ion-title>Third Page Header</ion-title></ion-navbar>
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<p>
|
||||
<button id="from3To2" (click)="pop()">Pop (Go back to 2nd)</button>
|
||||
</p>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<ion-title>First View</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<h4>
|
||||
Window Hash: {{windowHash}}
|
||||
</h4>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
</ion-nav-item>
|
||||
</ion-navbar>
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<h4>
|
||||
Window Hash: {{windowHash}}
|
||||
</h4>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<ion-title>Third View</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<h4>
|
||||
Window Hash: {{windowHash}}
|
||||
</h4>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
|
||||
<button id="e2eOpenAlert" (click)="doAlert()">Alert</button>
|
||||
<button id="e2eOpenPrompt" (click)="doPrompt()">Prompt</button>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
<form (submit)="doSubmit($event)" [ng-form-model]="myForm">
|
||||
<ion-segment ng-control="mapStyle">
|
||||
<ion-segment-button value="standard" button>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<ion-toolbar><ion-title>Show/Hide When</ion-title></ion-toolbar>
|
||||
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
|
||||
<p show-when="ios" style="background:blue; color:white">
|
||||
show-when="ios"
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
<button (click)="doSubmit($event)" outline small id="e2eSubmit">Submit</button>
|
||||
</p>
|
||||
|
||||
<p aria-hidden="true" class="padding">
|
||||
<p aria-hidden="true" padding>
|
||||
<code>appleCtrl.dirty: {{fruitsForm.controls.appleCtrl.dirty}}</code><br>
|
||||
<code>appleCtrl.value: {{fruitsForm.controls.appleCtrl.value}}</code><br>
|
||||
<code>bananaCtrl.dirty: {{fruitsForm.controls.bananaCtrl.dirty}}</code><br>
|
||||
@@ -49,6 +49,6 @@
|
||||
<code>grape.value: {{fruitsForm.controls.grapeCtrl.value}}</code><br>
|
||||
</p>
|
||||
|
||||
<pre aria-hidden="true" class="padding">{{formResults}}</pre>
|
||||
<pre aria-hidden="true" padding>{{formResults}}</pre>
|
||||
|
||||
</ion-content>
|
||||
|
||||
@@ -8,7 +8,7 @@ import {App, IonicView, NavController} from 'ionic/ionic';
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Sign In</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button id="signIn" (click)="push()">Go to tabs</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -45,7 +45,7 @@ class TabsPage {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 1 Page 1</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button id="goToTab1Page2" (click)="push()">Go to Tab 1, Page 2</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -67,7 +67,7 @@ class Tab1Page1 {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 1 Page 2</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button (click)="push()">Go to Tab 1, Page 3</button></p>' +
|
||||
'<p><button id="backToTab1Page1" (click)="nav.pop()">Back to Tab 1, Page 1</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -90,7 +90,7 @@ class Tab1Page2 {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 1 Page 3</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button (click)="nav.pop()">Back to Tab 1, Page 2</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -112,7 +112,7 @@ class Tab1Page3 {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 2 Page 1</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button (click)="push()">Go to Tab 2, Page 2</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -134,7 +134,7 @@ class Tab2Page1 {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 2 Page 2</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button (click)="push()">Go to Tab 2, Page 3</button></p>' +
|
||||
'<p><button (click)="nav.pop()">Back to Tab 2, Page 1</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -157,7 +157,7 @@ class Tab2Page2 {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 2 Page 3</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding">' +
|
||||
'<ion-content padding>' +
|
||||
'<p><button (click)="nav.pop()">Back to Tab 2, Page 2</button></p>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
|
||||
@@ -179,7 +179,7 @@ class Tab2Page3 {
|
||||
'<ion-navbar *navbar>' +
|
||||
'<ion-title>Tabs 3</ion-title>' +
|
||||
'</ion-navbar>' +
|
||||
'<ion-content class="padding"><h2>Tabs 3</h2></ion-content>'
|
||||
'<ion-content padding><h2>Tabs 3</h2></ion-content>'
|
||||
})
|
||||
class Tab3Page1 {}
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<ion-tab tab-title="Tab 1" tab-icon="home">
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
Tab 1 Content
|
||||
</ion-content>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
<ion-tab tab-title="Tab 2" tab-icon="star">
|
||||
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
Tab 2 Content
|
||||
</ion-content>
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<ion-tab tab-title="Tab 1">
|
||||
<ion-view nav-title="Tab 1">
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
Tab 1 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
<ion-tab tab-title="Tab 2">
|
||||
<ion-view nav-title="Tab 2">
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
Tab 2 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<ion-tab tab-title="Tab 1">
|
||||
<ion-view nav-title="Tab 1">
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
Tab 1 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
<ion-tab tab-title="Tab 2">
|
||||
<ion-view nav-title="Tab 2">
|
||||
<ion-content class="padding">
|
||||
<ion-content padding>
|
||||
Tab 2 Content
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
||||
Reference in New Issue
Block a user