Html I';我在<;离子含量>;标记和<;离子标签>;标签

Html I';我在<;离子含量>;标记和<;离子标签>;标签,html,angular,ionic-framework,ionic4,indentation,Html,Angular,Ionic Framework,Ionic4,Indentation,我在这些标签上遇到了一些问题,4天来我一直在尝试创建一个应用程序,用卡片显示一些课程(可点击)。问题是,当我把东西分别放在ion内容标签中时,它们就消失了!同时,当我把它们放进去的时候,问题来了,谈论标签栏,事实上它不会粘在底部,即使我使用“slot='bottom'”。我放了一些代码给你看。你能给我一些提示来提升我的离子和角度技能吗?我们将不胜感激 home.page.html 巴切卡·科尔西 {{corso.nome}} {{i.nome}} 账户 科尔西 巴凯卡 首选项 冒牌货 hom

我在这些标签上遇到了一些问题,4天来我一直在尝试创建一个应用程序,用卡片显示一些课程(可点击)。问题是,当我把东西分别放在ion内容标签中时,它们就消失了!同时,当我把它们放进去的时候,问题来了,谈论标签栏,事实上它不会粘在底部,即使我使用“slot='bottom'”。我放了一些代码给你看。你能给我一些提示来提升我的离子和角度技能吗?我们将不胜感激

home.page.html


巴切卡·科尔西
{{corso.nome}}
{{i.nome}}
账户
科尔西
巴凯卡
首选项
冒牌货
home.page.ts

从'@angular/core'导入{Component};
从“../corsi”导入{Corso};
从'@ionic/angular'导入{NavController};
@组成部分({
选择器:“应用程序主页”,
templateUrl:'home.page.html',
样式URL:['home.page.scss'],
})
导出类主页{
corsi:Corso[]=[//corsi prendendo的数组
新Corso(1,“Eipass基础”,“Certificazione Informatica”,15,15,“资产/图像/cucinatai.jpg”,“prova1”,“o”),
新Corso(2,“Eipass基本7模块用户”、“Certificazione Informatica”、15、15、“资产/图像/cucinatai.jpg”、“prova1”、“o”),
新Corso(3,“Eipass渐进式”、“Certificazione Informatica”、15、15、“资产/图像/cucinaThai.jpg”、“prova1”、“o”),
新的Corso(4,“大师Io livello”,“大师Universitario”,5,5,“资产/图像/python.jpg”,“prova2”,“f”),
新Corso(5,“IIo大师livello”,“大学大师”,5,5,“资产/图像/python.jpg”,“prova2”,“f”),
new Corso(6,“Inglese”,“Certificazione Languagica”,5,5,“assets/images/python.jpg”,“prova2”,“f”)
]//i tipi di corso sono 3
构造函数(nav:NavController){}
四月一日{
警报(“ciao”);
}
}
home.page.scss

.iniziale .corsi-consigliati {
    position: relative;
  }

  .iniziale .corsi-consigliati .corso-titolo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border: 0;
    background: rgba(255, 255, 255, 0.6);
    padding: 10px;
    text-align: left;
    height: 60px;
  }

  .iniziale .doppiaMattonella:not(:last-child) ion-col {
    width: 50%;
  }

  .iniziale .singolaMattonella ion-card {
    width: 100%;
    margin: 0px;
  }

  .iniziale .singolaMattonella ion-card img {
    max-height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
  }


我知道这是一个40个月的老问题,但我是在看其他东西时发现的

我认为你解决了你的问题,因为你问,但对于未来的人看到这一点,这里有一些帮助:

当您使用
时,其内容将显示在中所有内容的顶部。您需要做的只是在
中使用
,并创建一个显示页面的组件作为第一个选项卡

以下是爱奥尼亚文档中的一些示例:

不要忘记选项卡组件的角度布线配置:

我知道这是一个40个月的老问题,但我是在看其他问题时发现的

我认为你解决了你的问题,因为你问,但对于未来的人看到这一点,这里有一些帮助:

当您使用
时,其内容将显示在中所有内容的顶部。您需要做的只是在
中使用
,并创建一个显示页面的组件作为第一个选项卡

以下是爱奥尼亚文档中的一些示例:

不要忘记选项卡组件的角度布线配置: