Показать больше об ускоренных мобильных страницах (AMP)

Я создаю усилитель для своей веб-страницы. Он содержит много описания о местах. Я хочу реализовать ..show more после 4 строк, чтобы пользователь мог видеть другой контент также в первой части мобильного устройства (текст является динамическим, поэтому может быть меньше 4 строк. В этом случае, как я могу определить, что больше показывать не будет) Это возможно с AMP?? Поскольку я не могу использовать javascript, а решение css для этого невозможно, пожалуйста, помогите мне найти альтернативы для него. Я много искал об этом, но пока не повезло. заранее спасибо


amp-html mobile-website accelerated-mobile-page google-amp
person Ankur Aggarwal    schedule 17.03.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Для этого можно использовать усилитель-аккордеон:

<p>The first four lines...</p>  
<amp-accordion disable-session-states>
  <section>
    <h4>
      <span class="show-more">Show more</span>
    </h4>
    <p>The remaining text... </p>
  </section>
</amp-accordion>

Вот рабочий пример.

person Sebastian Benz    schedule 17.03.2017
comment
Как я определяю, нужно ли показывать больше или нет?? В некоторых случаях текст может быть меньше 4 строк. - person Ankur Aggarwal; 18.03.2017
comment
Вы должны справиться с этим на стороне сервера. - person Sebastian Benz; 18.03.2017
comment
Как сервер может справиться с такой ситуацией, поскольку на разных устройствах будет разное количество слов в 4 строках, поэтому сервер не сможет узнать, нужно ли показывать больше этого шоу или нет. - person Ankur Aggarwal; 18.03.2017
comment
Простые способы справиться с этим на сервере: либо всегда показывать одинаковое количество сокращенного текста, либо предоставлять две разные версии для маленького и большого экрана с помощью медиа-запросов. - person Sebastian Benz; 18.03.2017