我正在开发一个使用 Vue.js 和 Ionic 的应用程序,但我不明白为什么更新我的 Ionic 核心版本会破坏 ion-content 标签,我尝试谷歌搜索该标签是否已停用,但似乎没有是这样的。
为了说明这一点,我制作了一个使用 Ionic 核心的示例。使用最新的 Ionic 版本,离子内容标签不会显示,但如果您切换到旧的 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/[email protected] /cdn-cgi/l/email-protection/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/ https://jsfiddle.net/telmo/chk9h080/
有人可以向我解释一下这里发生了什么吗?
Since @ionic/core
(又名 Ionic4)版本 0.0.4,没有更多了<ion-page>
。您直接将标题和内容放在<ion-app>
.
如果确实有必要,你可以将它们包裹在一个<div class="ion-page">
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)