src/components/GifPreview.vue

   1 <template>
   2   <div>
   3     <router-link to="/gifs/show/test">
   4       <img :src="url">
   5     </router-link>
   6   </div>
   7 </template>
   8
   9 <script>
  10   export default {
  11     name: 'gif-preview',
  12     props: ['url']
  13   }
  14 </script>
  15
  16 <style scoped>
  17   div {
  18 /*    background: #f4f4f4;
  19     padding: 15px;
  20
  21 */
  22 break-inside: avoid;
  23 margin-bottom: 15px;
  24   }
  25
  26   img {
  27     /*height: 100px;
  28     width: 100px;*/
  29   }
  30 </style>