guide-anime
v1.0.3
Published
在Web端使用的引导动画
Downloads
13
Readme
npm 方式安装及使用
安装
npm i guide-anime
使用
Vue
import Guide from "guide-anime";
onMounted(() => {
const guider = Guide();
guider.setOptions({
steps: [
{
element: "#vite",
},
{
element: "#vue",
},
],
});
guider.start();
});
React
import Guide from "guide-anime";
componentDidMount() {
const guider = Guide();
guider.setOptions({
steps: [
{
element: "#vite",
},
{
element: "#vue",
},
],
});
guider.start();
}
CDN 方式
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/guide-anime.umd.min.js"></script>
<script>
const guider = Guide();
guider.setOptions({
steps: [
{
element: "#vite",
},
{
element: "#vue",
},
],
});
guider.start();
</script>