ionic-framework - 使用 Ionic core 4 时不会显示 ion-content
问题描述
我正在开发一个使用 Vue.js 和 Ionic 的应用程序,但我无法弄清楚为什么更新我的 Ionic 核心版本会破坏 ion-content 标签,如果标签已停用,我尝试使用谷歌搜索,但似乎没有是这样的。
为了说明,我做了一个使用 Ionic 核心的例子。使用最新的 Ionic 版本时,不会显示 ion-content 标签,但如果您切换到较旧的 Ionic 版本,它会显示得很好。
<head>
<meta charset="UTF-8">
<title>Ionic Test</title>
<script src="https://unpkg.com/@ionic/core@latest/dist/ionic.js"></script>
<!-- <script src="https://unpkg.com/@ionic/core@0.0.2-30/dist/ionic.js"></script> -->
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Example</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="content" padding>
<ion-list>
</ion-item>
<ion-label full>I'm an example text...</ion-label>
<ion-button>Example button</ion-button>
</ion-item>
</ion-list>
</ion-content>
</ion-page>
</ion-app>
</body>
这是此代码的 jsFiddle:https ://jsfiddle.net/telmo/chk9h080/
有人可以向我解释这里发生了什么吗?
解决方案
自@ionic/core
(又名 Ionic4)版本 0.0.4 以来,不再有<ion-page>
. 您直接将标题和内容放在 <ion-app>
.
如果真的有必要,您可以将它们包装在<div class="ion-page">
.
推荐阅读
- php - 如何在一个表中更新除 1 之外的所有字段,并在第二个表中更新 1 个输入?
- mysql - SQL 查询返回扭曲的整数
- reactjs - 如何在 Semantic-UI-React(不是 Semantic-UI)中自定义主题?
- python - 气流工作进程未触发 - 调度程序抛出错误消息(Docker compose - Celery 执行模式)
- python - 这个字符串列表转换对于 10^5 字符字符串是否可行?
- python - Python Numpy:将向量添加到现有矩阵行
- .net - F#,Deedle:通用框架限制为 Frame<obj,obj> 类型
- sip - Pjsip/Pjsua 视频问题:帧缓冲区太小
- html - Markdown HTML 输出
- python - Python 函数如何在它的参数被这样评估之前变得有效?