From f0e7bc5f1582d962c9f675e1131b591065d16d13 Mon Sep 17 00:00:00 2001 From: Valery Date: Mon, 13 Jul 2020 11:57:36 +0300 Subject: [PATCH] Update configuration-loading.md --- ru/api/configuration-loading.md | 29 ++++++++++++++++++++--------- 1 file changed, 20 insertions(+), 9 deletions(-) diff --git a/ru/api/configuration-loading.md b/ru/api/configuration-loading.md index 5248f215e..7e1966517 100644 --- a/ru/api/configuration-loading.md +++ b/ru/api/configuration-loading.md @@ -25,6 +25,19 @@ module.exports = { - Тип: `Object` +Помимо других свойств, могут быть настроены в соответствии с потребностями вашего приложения также цвет, размер, продолжительность и направление индикатора. Это делается путем обновления свойства `loading` соответствующими свойствами в файле `nuxt.config.js`. + +Например, чтобы сделать индикатор синим и высотой 5 пикселей, нужно обновить файл `nuxt.config.js` следующим образом: + +```js +export default { + loading: { + color: 'blue', + height: '5px' + } +} +``` + Список свойств для управления внешним видом индикатора загрузки. | Ключ | Тип | По-умолчанию | Описание | @@ -35,16 +48,14 @@ module.exports = { | `duration` | Number | `5000` | Максимальная длительность анимации индикатора в миллисекундах. Nuxt.js предполагает, что пути вашего приложения загружаются до 5 секунд. | | `rtl` | Boolean | `false` | Режим анимации "Справа на лево" | -Например, чтобы сделать синий индикатор загрузки высотой в 5 пикселей, мы добавим в `nuxt.config.js` следующее: +## Внутренние части индикатора загрузки + +К сожалению, компонент загрузки не может заранее знать, сколько времени займет загрузка новой страницы. Следовательно, невозможно точно анимировать индикатор выполнения до 100% времени загрузки. + +Компонент загрузки Nuxt частично решает эту проблему, позволяя вам задать значение свойства `duration`, он должен быть установлен с предположением того, сколько времени займет процесс загрузки. Если вы не используете пользовательский компонент загрузки, индикатор выполнения всегда будет перемещаться от 0% до 100% в течениее времени `duration` (независимо от фактического прогресса). Когда загрузка длится дольше, чем время `duration`, индикатор выполнения будет оставаться на 100%, пока загрузка не закончится. + +Вы можете изменить поведение по умолчанию, установив для параметра значение `continuous` в true, после чего индикатор, достигнув значения 100%, снова начнет сокращаться до 0% в течение времени `duration`. Если после достижения 0% загрузка все еще не завершена, она снова начнет расти с 0% до 100%, это будет повторяться до завершения загрузки. -```js -module.exports = { - loading: { - color: 'blue', - height: '5px' - } -} -``` ## Использование пользовательского компонента загрузки