【问题标题】:Ionic v2 problems with cards卡的 Ionic v2 问题
【发布时间】:2017-03-26 01:47:28
【问题描述】:

这将是两个部分或两个问题,过去几天我对此进行了很多研究,但找不到答案,所以如果我错过了它并且它在文档或其他地方,请链接我。

一,我正在尝试获取背景想象卡来显示图像,但是当我构建应用程序时,图像出现问题并且无法显示,有什么解决方法的想法吗?

问题二,有没有办法让卡片可以点击并引导到另一个视图。我已经创建了视图,但我想在选择三项内容时使用卡片链接将用户发送到页面。

提前感谢您的帮助!

【问题讨论】:

  • 请将您的代码与您的问题一起发布

标签: angular ionic-framework ionic2 cross-platform ionic-view


【解决方案1】:

如下图所示。

这里是working Plunker

app/home.page.html

<ion-card (click)="user()">
  <ion-card-header>
    Header
  </ion-card-header>
  <ion-card-content>
    <img src="http://i.imgur.com/rkedK1U.jpg" alt="Login">
    This is my image card
  </ion-card-content>
</ion-card>

app/home.page.ts

 user(): void {
    this.navCtrl.push(UserPage);
  }

可点击的图片卡片:

【讨论】:

  • 图片是否有最大分辨率?
  • 不,您可以根据需要进行设置。但如果您为多种分辨率设计它总是好的。也请参阅:uxmovement.com/mobile/…
猜你喜欢
  • 1970-01-01
  • 2017-09-28
  • 1970-01-01
  • 2017-01-01
  • 2011-01-04
  • 1970-01-01
  • 1970-01-01
  • 2016-05-05
  • 1970-01-01
相关资源
最近更新 更多