vue组件重复使用问题_适用于Vue应用程序的可重复使用的微型Spotlight组件

vue组件重复使用问题

V型聚光灯 (V-Spotlight)

• 🔦 Tiny reusable Spotlight component for your Vue App

  for适用于Vue应用程序的可重复使用的Spotlight组件

View Demo 查看演示 View Github 查看Github

安装 (Install)

yarn add v-spotlight

CDN: UNPKG | jsDelivr

CDN： UNPKG | jsDelivr

用法 (Usage)

<template>
  <v-spotlight background="'https://placehold.it/1000x1000'"></v-spotlight>
</template>

<script>
import VSpotlight from 'v-spotlight';

export default {
  components: {
    VSpotlight,
  },
};
</script>

API (API)

道具 (Props)

• background: Add background image for the spotlight

  background ：为聚光灯添加背景图像

• position: Background image cover position

  position ：背景图片封面位置

贡献 (Contributing)

1. Fork it!

   叉子！

2. Create your feature branch: git checkout -b my-new-feature

   创建功能分支： git checkout -b my-new-feature

3. Commit your changes: git commit -am 'Add some feature'

   提交更改： git commit -am 'Add some feature'

4. Push to the branch: git push origin my-new-feature

   推送到分支： git push origin my-new-feature

5. Submit a pull request :D

   提交拉取请求：D

作者 (Author)

v-spotlight © Vinayak, Released under the MIT License.

v-spotlight©Vinayak，根据MIT许可证发行。

翻译自: https://vuejsexamples.com/tiny-reusable-spotlight-component-for-your-vue-app/

vue组件重复使用问题