Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update configuration-loading.md #64

Open
wants to merge 1 commit into
base: translation-ru
Choose a base branch
from
Open

Update configuration-loading.md #64

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 20 additions & 9 deletions ru/api/configuration-loading.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,19 @@ module.exports = {

- Тип: `Object`

Помимо других свойств, могут быть настроены в соответствии с потребностями вашего приложения также цвет, размер, продолжительность и направление индикатора. Это делается путем обновления свойства `loading` соответствующими свойствами в файле `nuxt.config.js`.

Например, чтобы сделать индикатор синим и высотой 5 пикселей, нужно обновить файл `nuxt.config.js` следующим образом:

```js
export default {
loading: {
color: 'blue',
height: '5px'
}
}
```

Список свойств для управления внешним видом индикатора загрузки.

| Ключ | Тип | По-умолчанию | Описание |
Expand All @@ -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'
}
}
```

## Использование пользовательского компонента загрузки

Expand Down