🌈
vue-image-shadow
A Vue image component. Simple realization of image shadow.
📚
Example
Online: https://image-component.github.io/vue-image-shadow/
🌀
Template
https://github.com/one-template/vue-component-template
📦
Install
npm i vue-image-shadow
# or
yarn add vue-image-shadow
🎉
Usage
// main.js
import ImageShadow from 'vue-image-shadow'
Vue.component('image-shadow', ImageShadow)
📔
API
| Property | Description | Type | Required | Default | Version |
|---|---|---|---|---|---|
| alt | The alt of the image. | string | |
- | 1.1.0 |
| className | Component extra class. | string | |
- | 1.0.0 |
| shadowBlur | The shadow blur of the image. | number | |
20 | 1.0.0 |
| shadowHover | Whether to support the mouse hover. | boolean | |
false | 1.0.0 |
| shadowRadius | The border radius of the image. | number | |
8 | 1.0.0 |
| src | The src of the image. | string | |
- | 1.0.0 |
| width | The width of the image. | number | |
300 | 1.0.0 |
🔨
Development
yarn
yarn start
266 Dec 23, 2022
2.1k Dec 27, 2022
5 Aug 19, 2021
864 Dec 9, 2022
119 Dec 24, 2022
40 Dec 24, 2022
0 Dec 3, 2020
3 Aug 30, 2022
0 Feb 1, 2020
92 Dec 9, 2022
1 Oct 15, 2019
5 May 7, 2021
2 Oct 3, 2021
0 Oct 22, 2020
0 Jul 14, 2021
2 Feb 23, 2022
26 Sep 19, 2022
272 Jan 3, 2023