vue-picture-preview - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

package.json

 {
   "name": "vue-picture-preview",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "移动端Vue.js图片预览插件 | Mobile-friendly picture file preview Vue.js plugin with horizontal nav and bottom title.",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -6,9 +6,13 @@ vue-picture-preview
 
-![img](https://github.com/xlogic92/vue-picture-preview/blob/master/demo.gif)
+[![Github](https://img.shields.io/github/stars/xLogic92/vue-picture-preview.svg?style=social&label=Star)](https://github.com/xLogic92/vue-picture-preview) [![Github](https://img.shields.io/github/forks/xLogic92/vue-picture-preview.svg?style=social&label=Fork)](https://github.com/xLogic92/vue-picture-preview) [![Github](https://img.shields.io/github/watchers/xLogic92/vue-picture-preview.svg?style=social&label=Watch)](https://github.com/xLogic92/vue-picture-preview)
 
+[![License](https://img.shields.io/npm/l/vue-picture-preview.svg?style=flat-square)](https://www.npmjs.org/package/vue-picture-preview) [![vue-picture-preview](https://img.shields.io/npm/v/vue-picture-preview.svg?style=flat-square)](https://www.npmjs.org/package/vue-picture-preview) [![NPM downloads](http://img.shields.io/npm/dm/vue-picture-preview.svg?style=flat-square)](https://npmjs.org/package/vue-picture-preview) [![NPM downloads](http://img.shields.io/npm/dt/vue-picture-preview.svg?style=flat-square)](https://npmjs.org/package/vue-picture-preview)
+
+![img](https://raw.githubusercontent.com/xlogic92/vue-picture-preview/master/demo.gif)
+
 ## 安装
 
-### npm
+### NPM
 
-``` sh
+```sh
 npm install --save vue-picture-preview
@@ -18,3 +22,2 @@ ```
 ## 使用
-
 首先在项目的入口文件中引入, 调用 Vue.use 安装。
@@ -40,6 +43,6 @@
 ```HTML
-<img v-for="(img,index) in imgs" 
-     v-preview="img.url" 
-     :src="img.url" 
-     :alt="img.title" 
+<img v-for="(img,index) in imgs"
+     v-preview="img.url"
+     :src="img.url"
+     :alt="img.title"
      :key="index"
@@ -69,5 +72,14 @@ preview-title-enable="true"
 
+```css
+<style scoped>
+img {
+   width: 100%;
+   height: 100%;
+}
+</style>
+```
+
 ## API
 
-- **isTitleEnable**: (boolean, optional) 设置 *preview-title-enable="false"* 将禁用底部标题. 默认值: true.
-- **isHorizontalNavEnable**: (boolean, optional) 设置 *preview-nav-enable="false"* 将禁用水平导航. 默认值: true.
+* **isTitleEnable**: (boolean, optional) 设置 _preview-title-enable="false"_ 将禁用底部标题. 默认值: true.
+* **isHorizontalNavEnable**: (boolean, optional) 设置 _preview-nav-enable="false"_ 将禁用水平导航. 默认值: true.

No alert changes

Improved metrics

Total package byte prevSize

13441

increased by9.02%

Number of lines in readme file

82

increased by17.14%

No dependency changes