IONIC2/3 常用方法(1)

1.自定义字体

在variables.scss文件中:

@font-face {

    font-family: 'pingfang';

    src: url('Pingfang.ttf') format("truetype");

}

$font-family-md-base: "pingfang";

$font-family-ios-base: "pingfang";

$font-family-wp-base: "pingfang";

---

2.ngStyle 设置背景图

[ngStyle]="{'background': 'url(' + slide.imgUrl + ')'}"

---

3.全局配置页面为ios模式布局

IonicModule.forRoot(MyApp, {

      backButtonText: '',

      iconMode: 'ios',

      backButtonIcon: 'ios-arrow-back',

      mode: 'ios',

}),

---

4.ion-radio用法

<ion-list radio-group [(ngModel)]="itemList">

    <ion-list-header>

      请选择项目

    </ion-list-header>

    <ion-item *ngFor="let item of Items">

      <ion-label>{{item .name}}</ion-label>

      <ion-radio value="{{item .id}}"></ion-radio>

    </ion-item>

</ion-list>