mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
Code and syntax highlighting in markdown
This commit is contained in:
50
CHANGELOG.md
50
CHANGELOG.md
@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-input>
|
<ion-input>
|
||||||
<ion-label>Email</ion-label>
|
<ion-label>Email</ion-label>
|
||||||
<input type="email">
|
<input type="email">
|
||||||
@ -37,7 +37,7 @@ Was:
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>Email</ion-label>
|
<ion-label>Email</ion-label>
|
||||||
<ion-input type="email"></ion-input>
|
<ion-input type="email"></ion-input>
|
||||||
@ -55,7 +55,7 @@ Now:
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-checkbox [(ngModel)]="data">
|
<ion-checkbox [(ngModel)]="data">
|
||||||
My Checkbox
|
My Checkbox
|
||||||
</ion-checkbox>
|
</ion-checkbox>
|
||||||
@ -63,7 +63,7 @@ Was:
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>My Checkbox</ion-label>
|
<ion-label>My Checkbox</ion-label>
|
||||||
<ion-checkbox [(ngModel)]="data"></ion-checkbox>
|
<ion-checkbox [(ngModel)]="data"></ion-checkbox>
|
||||||
@ -75,7 +75,7 @@ Now:
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-list radio-group [(ngModel)]="data">
|
<ion-list radio-group [(ngModel)]="data">
|
||||||
|
|
||||||
<ion-list-header>
|
<ion-list-header>
|
||||||
@ -99,7 +99,7 @@ Was:
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-list radio-group [(ngModel)]="data">
|
<ion-list radio-group [(ngModel)]="data">
|
||||||
|
|
||||||
<ion-list-header>
|
<ion-list-header>
|
||||||
@ -129,7 +129,7 @@ Now:
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-select [(ngModel)]="gender">
|
<ion-select [(ngModel)]="gender">
|
||||||
<ion-label>Gender</ion-label>
|
<ion-label>Gender</ion-label>
|
||||||
<ion-option value="f" checked="true">Female</ion-option>
|
<ion-option value="f" checked="true">Female</ion-option>
|
||||||
@ -139,7 +139,7 @@ Was:
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>Gender</ion-label>
|
<ion-label>Gender</ion-label>
|
||||||
<ion-select [(ngModel)]="gender">
|
<ion-select [(ngModel)]="gender">
|
||||||
@ -154,7 +154,7 @@ Now:
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-toggle [(ngModel)]="data">
|
<ion-toggle [(ngModel)]="data">
|
||||||
My Toggle
|
My Toggle
|
||||||
</ion-toggle>
|
</ion-toggle>
|
||||||
@ -162,7 +162,7 @@ Was:
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>My Toggle</ion-label>
|
<ion-label>My Toggle</ion-label>
|
||||||
<ion-toggle [(ngModel)]="data"></ion-toggle>
|
<ion-toggle [(ngModel)]="data"></ion-toggle>
|
||||||
@ -174,7 +174,7 @@ Now:
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-input fixed-label>
|
<ion-input fixed-label>
|
||||||
<ion-label>Username</ion-label>
|
<ion-label>Username</ion-label>
|
||||||
<input type="text">
|
<input type="text">
|
||||||
@ -188,7 +188,7 @@ Was:
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```html
|
||||||
<ion-input>
|
<ion-input>
|
||||||
<ion-label fixed>Username</ion-label>
|
<ion-label fixed>Username</ion-label>
|
||||||
<ion-input></ion-input>
|
<ion-input></ion-input>
|
||||||
@ -225,7 +225,7 @@ Now:
|
|||||||
* Install ionicons (this will be added in the starters): `npm install --save ionicons`
|
* Install ionicons (this will be added in the starters): `npm install --save ionicons`
|
||||||
* Modify the sass `include` in your `ionic.config.js` file:
|
* Modify the sass `include` in your `ionic.config.js` file:
|
||||||
|
|
||||||
```
|
```json
|
||||||
sass: {
|
sass: {
|
||||||
src: ['app/theme/app.+(ios|md).scss'],
|
src: ['app/theme/app.+(ios|md).scss'],
|
||||||
dest: 'www/build/css',
|
dest: 'www/build/css',
|
||||||
@ -238,7 +238,7 @@ Now:
|
|||||||
|
|
||||||
* Modify the fonts `src` in your `ionic.config.js` file:
|
* Modify the fonts `src` in your `ionic.config.js` file:
|
||||||
|
|
||||||
```
|
```json
|
||||||
fonts: {
|
fonts: {
|
||||||
src: ['node_modules/ionic-framework/fonts/**/*.+(ttf|woff|woff2)'],
|
src: ['node_modules/ionic-framework/fonts/**/*.+(ttf|woff|woff2)'],
|
||||||
dest: "www/build/fonts"
|
dest: "www/build/fonts"
|
||||||
@ -293,7 +293,7 @@ Now:
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Popup} from 'ionic/ionic';
|
import {Popup} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -312,7 +312,7 @@ class MyPage {
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Alert, NavController} from 'ionic/ionic';
|
import {Alert, NavController} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -336,7 +336,7 @@ class MyPage {
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Popup} from 'ionic/ionic';
|
import {Popup} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -362,7 +362,7 @@ class MyPage {
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Alert, NavController} from 'ionic/ionic';
|
import {Alert, NavController} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -400,7 +400,7 @@ class MyPage {
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Popup} from 'ionic/ionic';
|
import {Popup} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -426,7 +426,7 @@ class MyPage {
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Alert, NavController} from 'ionic/ionic';
|
import {Alert, NavController} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -469,7 +469,7 @@ class MyPage {
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {ActionSheet} from 'ionic/ionic';
|
import {ActionSheet} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -507,7 +507,7 @@ class MyPage {
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {ActionSheet, NavController} from 'ionic/ionic';
|
import {ActionSheet, NavController} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -551,7 +551,7 @@ class MyPage {
|
|||||||
|
|
||||||
Was:
|
Was:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Modal} from 'ionic/ionic';
|
import {Modal} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -570,7 +570,7 @@ class MyApp {
|
|||||||
|
|
||||||
Now:
|
Now:
|
||||||
|
|
||||||
```
|
```js
|
||||||
import {Modal, NavController} from 'ionic/ionic';
|
import {Modal, NavController} from 'ionic/ionic';
|
||||||
|
|
||||||
@Page(...)
|
@Page(...)
|
||||||
@ -660,7 +660,7 @@ class MyPage {
|
|||||||
4. Remove the Sass imports in JS files
|
4. Remove the Sass imports in JS files
|
||||||
5. Update css reference in index.html (remove build/css/app.css if it exists)
|
5. Update css reference in index.html (remove build/css/app.css if it exists)
|
||||||
|
|
||||||
```
|
```html
|
||||||
<link ios-href="build/css/app.ios.css" rel="stylesheet">
|
<link ios-href="build/css/app.ios.css" rel="stylesheet">
|
||||||
<link md-href="build/css/app.md.css" rel="stylesheet">
|
<link md-href="build/css/app.md.css" rel="stylesheet">
|
||||||
```
|
```
|
||||||
|
Reference in New Issue
Block a user