Vue辅助工具栏 (vue-accessibility-toolbar)
A Toolbar with Buttons to invert Colors, highlight Links, desaturate and increase Font Size.
一个带有按钮的工具栏,用于反转颜色,突出显示链接,降低饱和度并增加字体大小。
![vue-accessibility-toolbar](https://i-blog.csdnimg.cn/blog_migrate/f37243ea6ab2c2ccf4b740036e9afe5c.png)
用法 (Usage)
<AccessibilityToolbar></AccessibilityToolbar>
import { AccessibilityToolbar } from 'vue-accessibility-toolbar'
export default {
components: {
AccessibilityToolbar
}
}
API (API)
辅助工具栏 (accessibility-toolbar)
道具 (props)
-
invert-colors-text
String (optional)default: 'Invert Colors'
invert-colors-text
字符串 ( 可选 ),default: 'Invert Colors'
-
highlight-links-text
String (optional)default: 'Highlight Links'
highlight-links-text
字符串 ( 可选 ),default: 'Highlight Links'
-
grayscale-text
String (optional)default: 'Desaturate'
grayscale-text
字符串 ( 可选 ),default: 'Desaturate'
-
accessibile-font-size-text
String (optional)default: 'Increase Text Size'
accessibile-font-size-text
字符串 ( 可选 ),default: 'Increase Text Size'
安装 (Installation)
npm install vue-accessibility-toolbar
翻译自: https://vuejsexamples.com/a-toolbar-with-buttons-to-invert-colors-and-increase-font-size/