vue3-hover-effect-card
组件下载
388
| Install | |
|---|---|
npm install vue3-hover-effect-card |
|
| Latest Version: | 0.1.2 |
| Vue: | 3 |
| Last Updated: | Dec 22, 2022 |
| Links: | npm |
Maintainer: __proto__xhy
vue3-hover-effect-card
组件下载
npm i vue3-hover-effect-card
局部引用方法
示例：
<script setup>
import { HoverEffectCard } from '../packages/index';
</script>
<template>
<hover-effect-card :width="400" :height="300" :src="'https://unsplash.it/800/800/?random'" />
</template>
<style></style>
参数说明
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| width | 卡片宽度 | Number | 300 |
| height | 卡片高度 | Number | 300 |
| src | 卡片背景图 | String | Null | null |
| className | 自定义类名 | String | '' |
| imgMode | 背景图展示模式 拉伸、原比例、裁剪 |
'stretch' | 'normal' | 'clip' | 'stretch' |
| undertone | 卡片底色 | String | '#000' |
源码地址
- gitee 地址：vue3-hover-effect-card
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.2 | ^3.2.25 | ||
| 0.1.1 | ^3.2.25 | ||
| 0.1.0 | ^3.2.25 | ||
| 0.0.72 | ^3.2.45 | ISC | |
| 0.0.71 | ^3.2.45 | ISC | |
| 0.0.7 | ^3.2.45 | ISC | |
| 0.0.6 | ^3.2.45 | ISC | |
| 0.0.5 | ^3.2.45 | ISC | |
| 0.0.4 | ^3.2.45 | ISC | |
| 0.0.3 | ^3.2.45 | ISC | |
| 0.0.2 | ^3.2.45 | ISC | |
| 0.0.1 | ^3.2.45 | ISC |