VUE-プレビューサムネイル

　　我々はVUEサムネイルを使用する場合は、プラグインVUE-プレビューを使用することができます

　　サムネイル小マップ

　　

　　スタイル全体像

　　

　　使用法：VUE-プレビュー

　　ダウン：NPM I VUE-プレビュー

　　使用法：main.jsのsrcディレクトリで

　　　　　　　輸入  VuePreview  から  「VUE-プレビュー」

　　　　　　　Vueの。使用（VuePreview ）　

　　　　　　　使用してサムネイルを必要とする部品で 

　　　　　　　　テンプレート書か

　　　　　　　　<div>

　　　　　　　　　　<VUE-プレビュー：スライド= "リスト" @近い= "handleClose"> </ VUE-プレビュー>

　　　　　　　　</ div>

　　　　　　　注記：一覧には、当社の循環の写真です

　　　　　　　データフォーマットで使用するためのデータのリストのスクリプトexprotデフォルト{}で使用

　　　　　　リスト：  [

         　　　　　　 {

           　　　　　　　　 SRC ：  ' https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg ' 、

           　　　　　　　　 MSRC ：  ' https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg ' 、

            　　　　　　　　W ：  600 、

           　　　　　　　　 H ：  400

          　　　　　　} 、

         　　　　　　 {

           　　　　　　　　 SRC ：  ' https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_b.jpg ' 、

        　　　　　　　　    MSRC ：  ' https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_m.jpg ' 、

            　　　　　　　　W ：  1200 、

           　　　　　　　　 H ：  900

          　　　　　　}

        　　　　]

　　注：これらの3つの属性が少ないために必要とされる時間、wがこのMSRCが、動作しません。

　　スタイルのVUE-プレビューが唯一のグローバルスタイルすることができ、彼らは地元では使用できません。

　　この場合、私たちは、ページをもたらすことができるそれを見ることができますが、我々は、レイアウトに注意を払う必要があり、我々は唯一のグローバル環境でタイプセットすることができ、それは公共の次のスタイルのスタイルになるのがベストです

　　

　　.MY-ギャラリー：の後に{

　　　　コンテンツ："";

　　　　表示ブロック;

　　　　可視性：隠されました;

　　　　クリア：両方;

　　　　高さ：0

　　}

　　.MYギャラリー図{

　　　　幅：100ピクセル;

　　　　高さ：100pxに。

　　　　フロート：左;

　　　　マージン：.100px。

　　　　パディング：0;

　　　　ボックスシャドウ：0 0 .100px #CCC。

　　　　}