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

Документация Vuepress

Опции

чтениеРеж.

  • Тип: 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%)