Ionic header bar скрывает контент

Я новичок в Ionic и, конечно, искал решение на SO и Google, но не добился успеха.Ionic header bar скрывает контент

Я пытаюсь построить первое простое приложение, используя следующий код:

<body> 
     <ion-header-bar class="bar bar-header bar-dark"> 
      <h1 class="title">Settings</h1> 
     </ion-header-bar> 
     <ion-content class="has-header"> 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
     </ion-content> 
    </body>

Что происходит, что заголовок перекрывает содержимое и скрывает первые строки текста.

Что я делаю неправильно?

источник

2016-10-07 almo

Это весь код внутри тела? Если не предоставить больше, потому что мой код этого работает правильно. – Sam5487

И какая версия ионной вы используете? – Sam5487

Вам необходимо включить класс has-subheader в свою директиву по содержанию ионов.

источник

2016-10-07 21:17:17

Он не должен был этого делать. Ионное содержание начинается после заголовка, поскольку оно объявлено в теге с has-header. – Sam5487

, но я уверен, что это решит проблему. –

Это добавит лишнее пространство между содержимым и фактическим заголовком. Это просто работа, а не решение проблемы. – Sam5487

Работает codepen своей ночной постройки. Это похоже на проблему с ионной версией, с которой вы работаете.

<ion-header-bar> и классы, которые вы предоставляете, верны, попробуйте обновить ионный и посмотреть, исправляет ли это это.

источник

2016-10-07 21:39:49 Sam5487

Используйте <ion-view> вместо <body> теги.

Там вы можете также задать заголовок, как:

<ion-view view-title="Settings"> 
<!-- Your content, etc goes here --> 
</ion-view>

источник

2016-10-08 02:52:35 Marko

Ionic header bar скрывает контент

ответ

Смежные вопросы