vuepress-plugin-element-tabs-less
v0.2.12
Published
Vuepress plugin - Tabs Container for Vuepress without SASS
Downloads
3,132
Maintainers
Readme
vuepress-plugin-element-tabs-less
This is another version of vuepress-plugin-tabs that replace the css preprocessor to LESS.
If you don't want install python (node-sass need it), you can install this plugin.
Vuepress plugin - markdown custom container to display content in tabs from Element UI
Docs
https://tortorse.github.io/vuepress-plugin-tabs-less/
Install
This plugin requires VuePress >= 1.0.0, for now you can try it via yarn add vuepress@next -D
yarn add vuepress-plugin-element-tabs-less -D
// .vuepress/config.js
module.exports = {
plugins: [
'vuepress-plugin-element-tabs-less'
]
}
Usage
:::: tabs
::: tab title
__markdown content__
:::
::: tab javascript
``` javascript
() => {
console.log('Javascript code example')
}
```
:::
::::
Documents
Accepted Value Like That
:::: tabs type:board-card
::: tab title lazy
__markdown content__
:::
::::
Tabs Attributes
|Attribute|Description|Type|Accepted Values|Default| |:--|:--|:--|:--|:--| |type|type of Tab|String|card/border-card|border-card| |tab-position|position of tabs|String|top/right/bottom/left|top| |stretch|whether width of tab automatically fits its container|Boolean|-|false|
Tab Attributes
|Attribute|Description|Type|Accepted Values|Default| |:--|:--|:--|:--|:--| |label|title of the tab|String|-|-| |lazy|whether Tab is lazily rendered|Boolean|-|false|
Q&A
- How to get mouse position with canvas ?
var canvas = document.getElementById('screen');
var mouse = getMouse(canvas);
function addEvent(obj, type, handle) {
try {
obj.addEventListener(type, handle, false);
} catch (e) {
try {
obj.attachEvent("on" + type, handle);
} catch (e) {
obj["on" + type] = handle;
}
}
}
function getMouse(element) {
var mouse = { x: 0, y: 0 };
addEvent(element, "mousemove", function(e) {
var x, y;
var e = e || window.event;
const box = element.getBoundingClientRect();
x = e.clientX - box.x;
y = e.clientY - box.y;
mouse.x = x;
mouse.y = y;
});
return mouse;
}