feat: add alt & perf css

Author: xrkffgg

README.md

@@ -8,6 +8,10 @@ A Vue image component. Simple realization of image shadow.
 
 Online: https://image-component.github.io/vue-image-shadow/
 
+## 🌀 Template
+
+https://github.com/one-template/vue-component-template
+
 ## 📦 Install
 
 ```bash
@@ -26,14 +30,15 @@ Vue.component('image-shadow', ImageShadow)
 
 ## 📔 API
 
-| Property     | Description                         | Type          | Required | Default |
-| ------------ | ----------------------------------- | ------------- | -------- | ------- |
-| className    | Component extra class.              | string        | ✖        | -       |
-| shadowBlur   | The shadow blur of the image.       | number        | ✖        | 20      |
-| shadowHover  | Whether to support the mouse hover. | boolean       | ✖        | false   |
-| shadowRadius | The border radius of the image.     | number        | ✖        | 8       |
-| src          | The src of the image.               | string        | ✔        | -       |
-| width        | The width of the image.             | number        | ✖        | 300     |
+| 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
 

docs/changelog.md

@@ -1,5 +1,12 @@
 # 🔖 Changelog
 
+## 1.1.0
+
+`2020-12-15`
+
+- feat: add alt.
+- perf: optimize img css.
+
 ## 1.0.1
 
 `2020-12-10`

src/image-shadow.vue

@@ -6,6 +6,7 @@
     <img
       class="vue-image-shadow-img"
       :src="src"
+      :alt="alt"
       :width="width"
       :style="imgStyle" 
     />
@@ -39,6 +40,9 @@ export default {
       type: String,
       required: true
     },
+    alt: {
+      type: String,
+    },
     width: {
       type: Number,
       default: 300
@@ -88,6 +92,7 @@ export default {
 
   img {
     transition: all 0.4s ease;
+    display: block;
   }
 
   &-card {