vuepress-плагин-чтение-прогресс
плагин индикатора выполнения чтения для vuepress.
Этот плагин предназначен для Vuepress 1.x, который в настоящее время находится в альфа-версии.
добавить индикатор выполнения чтения для vuepress.
Установка
yarn add vuepress-plugin-reading-progress
// or
npm i vuepress-plugin-reading-progress
Sh
использование
module.exports = {
plugins: [
'reading-progress'
]
}
Js
Опции
чтениеРеж.
- Тип:
null
,string
,array
,Object
- По умолчанию:
null
Укажите папки, в которых отображается индикатор выполнения чтения
пример
{
readingDir: 'posts'
// or
readingDir: ['posts1', 'posts2', 'posts3']
// or { dir: fixed }
readingDir: {
posts1: 'top',
posts2: 'bottom',
posts3: 'left'
}
}
Js
фиксированный
- Тип:
string
- По умолчанию:
top
поддержка top
, bottom
, left
, right
установить позицию для индикатора выполнения чтения
Передний вопрос
Измените отображение индикатора выполнения чтения на текущей странице, используя readingShow
---
readingShow: false
---
// or
---
readingShow: true
---
Md
Стиль
Если вы хотите применить простые переопределения цвета к стилю
+- .vuepress +- styles +- palette.styl
$readingBgColor = transparent $readingZIndex = 1000 $readingSize = 3px $readingProgressColor = $accentColor $readingProgressImage = none
Стиль
пример
$readingProgressImage = linear-gradient(-150deg, #E50743 0%, #F9870F 15%, #E8ED30 30%, #3FA62E 45%, #3BB4D7 60%, #2F4D9E 75%, #71378A 80%)