Open redleon00 opened 3 years ago
Hi, i saw in other issue this question and i try with img: itemprop="thumbnail" { width: 125px; }
img: itemprop="thumbnail" { width: 125px; }
but doesn't work for me. I'm using vue.js 2
<template> <v-card class="ma-12" color="transparent" flat outlined> <v-card-title class="bpoint == 'xs' ? 'subtitle-1' : 'headline' font-weight-bold orange--text text--darken-4 justify-center">Galería de Eventos</v-card-title> <!-- <v-divider class="ml-12 mr-12"></v-divider> --> <v-card-text> <v-row no-gutters> <v-col class="d-flex align-center justify-space-around"> <vue-picture-swipe :items="images" max-width="110"></vue-picture-swipe> </v-col> </v-row> </v-card-text> </v-card> </template> <script> import VuePictureSwipe from 'vue-picture-swipe'; export default { components: { //VueGallerySlideshow, VuePictureSwipe }, mounted(){ for (var i = this.logos.length - 1; i >= 0; i--) { this.logos[i].src = require(`@/assets/agropecuarias/${this.logos[i].img}.png`) this.logos[i].thumbnail = require(`@/assets/agropecuarias/${this.logos[i].img}.png`) this.logos[i].alt = this.logos[i].title this.logos[i].w = 400 this.logos[i].h = 400 this.images.push(this.logos[i]) } console.log("images", this.images) }, data () { return { images:[], logos: [ {img:"castelgrande", to:"https://instagram.com/agrcastelgrande", short_link:"https://bit.ly/3bdLkXp", title:"Agropecuaria CastelGrande en Instagram"}, {img:"quijote", to:"https://instagram.com/aprisco_quijote", short_link:"https://bit.ly/3bdLnT5", title:"Aprisco Don Quijote en Instagram"}, {img:"lacasadelcordero", to:"https://instagram.com/lacasadelcordero_", short_link:"https://bit.ly/34CrUJt", title:"La Casa del Cordero en Instagram"}, {img:"m&m", to:"https://instagram.com/agropecuaria_m.m", short_link:"https://bit.ly/34G8YcK", title:"Agropecuaria M & M en Instagram"}, {img:"manueles", to:"https://instagram.com/agropecuarialosmanueles", short_link:"https://bit.ly/2wIW2Gz", title:"Agropecuaria Los Manueles en Instagram"}, {img:"santaines", to:"https://instagram.com/agrosantaines111", short_link:"https://bit.ly/3bePvSR", title:"Agropecuaria Santa Ines en Instagram"}, {img:"micabra", to:"https://instagram.com/mi_cabra", short_link:"https://bit.ly/2K5oEwN", title:"Mi Cabra en Instagram"}, {img:"lagranjaejecutiva", to:"https://instagram.com/lagranjaejecutiva", short_link:"https://bit.ly/2K6aoUf", title:"La Granja Ejecutíva en Instagram"}, {img:"verdureraranch", to:"https://instagram.com/verdureraranch", short_link:"https://bit.ly/34GUnxu", title:"Verdurera Ranch en Instagram"}, {img:"clubdelcordero", to:"https://instagram.com/clubdelcordero", short_link:"https://bit.ly/3bp5wpD", title:"El Club del Cordero en Instagram"}, {img:"aguaazul", to:"https://instagram.com/haciendaagua", short_link:"https://bit.ly/34CmDl8", title:"Hacienda Agua Azul en Instagram"}, {img:"eltriunfo", to:"https://instagram.com/agroinversioneseltriunfo", short_link:"https://bit.ly/2KaQpUK", title:"Agroinversiones El Triunfo en Instagram"}, {img:"lapolarica", to:"https://instagram.com/lapolarica", short_link:"https://bit.ly/3aboK0u", title:"Criadero La Polarica en Instagram"}, {img:"lagamera", to:"https://instagram.com/agropecuarialagamera",short_link:"https://bit.ly/2K7GW0r", title:"Agropecuaria La Gamera en Instagram"}, {img:"avm", to:"https://instagram.com/apriscoavm", short_link:"https://bit.ly/2VezZky", title:"Aprisco AVM en Instagram"}, {img:"solnaciente", to:"https://instagram.com/ApriscoSolNaciente", short_link:"https://bit.ly/2KaQtUu", title:"Aprisco Sol Naciente en Instagram"}, {img:"siem", to:"https://www.instagram.com/agro.siem/", short_link:"https://bit.ly/3iBmyFh", title:"Agroindustria SIEM en Instagram"}, {img:"laesperanza", to:"https://www.instagram.com/agrolaesperanza/", short_link:"https://bit.ly/2VWV5Tq", title:"Agropecuaria La Esperanza en Instagram"}, {img:"aj", to:"https://www.instagram.com/agropecuaria_ajca/", short_link:"https://bit.ly/3hxtmSM", title:"Agropecuaria AJ en Instagram"}, {img:"sl", to:"https://www.instagram.com/aprisco.sl/", short_link:"https://bit.ly/2QX0g3E", title:"Aprisco SL en Instagram"}, {img:"montesinai", to:"https://www.instagram.com/montesinaiagro/", short_link:"https://bit.ly/38WOLmH", title:"Monte Sinaí Agro en Instagram"}, {img:"campillo", to:"https://www.instagram.com/agropecuariaelcampillo", short_link:"https://bit.ly/38X9JC1", title:"El Campillo en Instagram"}, {img:"lacandelaria", to:"", short_link:"", title:"La Candelaria"}, {img:"agropzurith", to:"https://www.instagram.com/agropzurith/", short_link:"https://bit.ly/3p6TvMe", title:"Agropecuaria Zurith en Instagram"}, {img:"sansebastian", to:"https://www.instagram.com/cgsansebastian/", short_link:"https://bit.ly/35YYUxu", title:"Centro Genético San Sebastián en Instagram"}, {img:"laconstancia", to:"https://instagram.com/invccc583/", short_link:"https://bit.ly/2Y4zsC5", title:"Casa Campo La Constancia"}, {img:"semeruco", to:"", short_link:"", title:"Agropecuaria Semeruco"}, {img:"abastecer", to:"", short_link:"", title:"Abastecer"}, {img:"vyv2", to:"https://www.instagram.com/fincavayayvuelva.c.a", short_link:"https://bit.ly/3jhL8LI", title:"Finca Vaya y Vuelva"}, ] } }, methods:{} } </script> <style scoped> img: itemprop="thumbnail" { width: 125px; } </style>
Hi, i saw in other issue this question and i try with
img: itemprop="thumbnail" { width: 125px; }
but doesn't work for me. I'm using vue.js 2