vue-particles

粒子效果支持鼠標交互（懸停和點擊）和自定義配置，如使用 :options 屬性傳入復雜配置對象。在布局中，粒子組件默認為絕對定位，需注意與其它元素的層級關(guān)系，可能需要調(diào)整 CSS 樣式（如添加 position: relative 到父容器）以避免布局錯位。

使用

<vue-particles
  color="#409EFF"
  :particleOpacity="0.7"
  :particlesNumber="80"
  shapeType="circle"
  :particleSize="4"
  linesColor="#409EFF"
  :linesWidth="1"
  :lineLinked="true"
  :lineOpacity="0.4"
  :linesDistance="150"
  :moveSpeed="3"
  :hoverEffect="true"
  hoverMode="grab"
  :clickEffect="true"
  clickMode="push"
/>

關(guān)鍵屬性包括：

• color：粒子顏色。
• particleOpacity：粒子透明度。
• particlesNumber：粒子數(shù)量。
• shapeType：粒子形狀（如 circle、edge、triangle 等）。
• particleSize：粒子大小。
• linesColor：連接線顏色。
• linesWidth：線條寬度。
• lineLinked：是否顯示連接線。
• lineOpacity：線條透明度。
• linesDistance：線條連接距離。
• moveSpeed：粒子運動速度。
• hoverEffect：是否啟用鼠標懸停效果。
• hoverMode：懸停模式（如 grab、repulse）。
• clickEffect：是否啟用點擊效果。
• clickMode：點擊模式（如 push、remove）。