Question

我是离子3的初学者。我想要制作一个最简单的页面，而没有任何标题和导航栏组件。（特别是因为我想在整个应用程序中使用独特的背景图片）

自从我在页面上创建了滑块以来，“主页”不再起作用。

最简单的解决方法是什么？

cuba.html：

    <ion-content class="main_backgroundBlack">

  <div id="Table_01">


      <div id="Page-detail-cigare-03">
          CASAHORACIO BY CASANUEVA CIGARS
        </div>
        <div id="Page-detail-cigare-04">
            <a href="#" (click)="OpenHome()">Home</a> > Cuban cigars
        </div>



    <ion-slides>


      <ion-slide>

          <div id="Page-detail-cigare-07">
              BOLIVARS
            </div>
          <div id="Page-detail-cigare-09">
            BELICOSOS FINOS
          </div>
          <div id="prix">
            CHF 17.90-
          </div>

          <div id="Page-detail-cigare-11">
              - MODULE : BELICOSO <br>
              - RING : 52 <br>
              - INTENSITÉ : FORT <br>
              - ARÔME : TERREUX <br>
          </div>

          <div id="photo-cigar">
            <img src="assets/imgs/cigars/Belicos_finos.png" />
          </div>

          <div id="Page-detail-cigare-14">
              Un cigare très agréable et régulier en tirage. Démarrage agréable sur des notes douces et légères qui restent constantes avec un parfum boisé et un goût épicé. Un Belicoso idéal pour une fin d'après-midi. Son format est un parfait complément au Robusto. 
          </div>

  </ion-slide>










  <ion-slide>
      <div id="Page-detail-cigare-09">
          BELICOS FINOS
        </div>

        <div id="Page-detail-cigare-11">
          TEMPS DE DEGUSTATION : 15mn <br>
          AROME: Boisé <br>
          MODULE : Gran Panatela
        </div>

        <div id="Page-detail-cigare-14">
          CIGAR DESCRIPTION
        </div>
    </ion-slide>

  </ion-slides>



  </div>

  </ion-content>

Cuba.ts：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import{ HomePage } from '../home/home';

/**
 * Generated class for the CubaPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-cuba',
  templateUrl: 'cuba.html',
})
export class CubaPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad CubaPage');
  }

  OpenHome(){
    this.navCtrl.push(HomePage);
  }


}

非常感谢您的帮助。

最诚挚的问候，

皮埃尔

Ionic 3-带有幻灯片的主页按钮

0 个答案: