Partu Full Vue 是一款基于 Vue.js 的全屏視覺效果插件，它可以讓您輕松地實(shí)現(xiàn)全屏切換、平滑動(dòng)畫和高度自定義的過渡效果。

使用 Partu Full Vue，您可以快速創(chuàng)建引人注目的頁面，增強(qiáng)用戶體驗(yàn)并吸引更多的訪問者。

// 安裝 Partu Full Vue
npm install partufullvue

要使用 Partu Full Vue，您需要在 Vue 組件中導(dǎo)入它，并在模板中添加 partu-full-vue 組件。

<template>
<div>
<partu-full-vue>
<div class="full-screen">
<h1>Hello, World!</h1>
<p>This is a demo of Partu Full Vue.</p>
</div>
</partu-full-vue>
</div>
</template>
<script>
import PartuFullVue from 'partu-full-vue';
export default {
components: {
'partu-full-vue': PartuFullVue
}
};
</script>

添加 partu-full-vue 組件后，您可以使用以下屬性來自定義過渡效果：

• duration：過渡動(dòng)畫的持續(xù)時(shí)間（單位：毫秒）
• easing：過渡動(dòng)畫的緩動(dòng)函數(shù)
• start：開始過渡時(shí)調(diào)用的函數(shù)
• end：結(jié)束過渡時(shí)調(diào)用的函數(shù)
• next：下一個(gè)過渡時(shí)調(diào)用的函數(shù)
• prev：上一個(gè)過渡時(shí)調(diào)用的函數(shù)
• preventScroll：是否禁用滾動(dòng)
• fullHeight：是否將子元素高度設(shè)置為全屏
• animated：是否啟用動(dòng)畫效果

<partu-full-vue duration="1000" easing="ease" animated :fullHeight="true">
<div class="full-screen">
<h1>Hello, World!</h1>
<p>This is a demo of Partu Full Vue.</p>
</div>
</partu-full-vue>

Partu Full Vue 是一款非常實(shí)用的 Vue 插件，它使您能夠輕松地創(chuàng)建全屏頁面效果和平滑的過渡效果。快來試試吧！