拡大表示用VUE-フォトプレビュー機能

表示画像の詳細、ズーム

どのように使用するには：

インストール1.

NPMインストールVUE-写真をプレビュー--save

2.はじめに（グローバルまたはローカル）

'VUE-フォトプレビュー'からインポートプレビュー
インポート 'VUE-フォトプレビュー/ DIST / VUE-フォトプレビュー' 
インポート 'VUE-フォトプレビュー/ DIST / skin.css' 
Vue.use（プレビュー）。

3.（テンプレート）されます

// 同じラベルのimg同じグループというのプレビュープレビュー属性値手段を追加します 
。<IMG SRC =「xxx.jpg」プレビュー =「0」プレビューテキスト=「 テキストの説明」> // パケット 
<IMG SRC =「xxx.jpg "プレビュー=" 1 "preview-テキスト=" テキストの説明"> 
<IMG SRC =" XXX.jpg "プレビュー=" 1 "preview-テキスト=" テキストの説明"> 
<IMG SRC =" XXX.jpg "プレビュー=" 2 "プレビューテキスト="テキストの説明"> 
<IMG SRC =" XXX.jpg "プレビュー=" 2 "プレビューテキスト="テキストの説明"> 
<IMG SRC =" XXX.jpg "大=" xxx_3x.jpg "プレビュー=「2」プレビューテキスト =「 ビッグピクチャーモードサムネイル」>