sito Terra Della Visione...3

Pagina Operatori

src/components/CCardCarousel/CCardCarousel.ts

@@ -2,6 +2,7 @@ import { defineComponent, ref } from 'vue'
 
 import { CCardDiscipline } from '../CCardDiscipline'
 import { useGlobalStore } from '@store/globalStore'
+import { tools } from '@store/Modules/tools'
 
 export default defineComponent({
   name: 'CCardCarousel',
@@ -11,15 +12,26 @@ export default defineComponent({
       type: Array,
       required: true,
     },
+    directory: {
+      type: String,
+      required: false,
+      default: '',
+    }
   },
-  setup() {
+  setup(props, { emit }) {
 
     const globalStore = useGlobalStore()
     const slidedisc = ref(0)
 
+    function getimgdisc(disc: any) {
+      return props.directory + tools.getimgev(disc)
+    }
+
     return {
       slidedisc,
       globalStore,
+      tools,
+      getimgdisc,
     }
   },
 })

src/components/CCardCarousel/CCardCarousel.vue

@@ -12,9 +12,9 @@
             <q-item
               clickable v-ripple
               :to="disc.linkpage">
-              <q-item-section avatar v-if="tools.getimgev(disc)">
+              <q-item-section avatar v-if="getimgdisc(disc)">
                 <q-avatar>
-                  <img :src="tools.getimgev(disc)" :alt="disc.label">
+                  <img :src="getimgdisc(disc)" :alt="disc.label">
                 </q-avatar>
               </q-item-section>
               <q-item-section>{{ disc.label }}</q-item-section>
@@ -71,11 +71,11 @@
       <q-carousel-slide
         v-for="(myrec, index) in myarr"
         :key="index"
-        :img-src="myrec.img_small"
+        :img-src="directory + myrec.img_small"
         :alt="myrec.label"
         :name="index">
         <div class="row q-ma-xs">
-          <CCardDiscipline :discipline="myrec" mystyle="height: 500px" autoplay.sync="globalStore.autoplaydisc">
+          <CCardDiscipline :directory=directory :discipline="myrec" mystyle="height: 500px" autoplay.sync="globalStore.autoplaydisc">
 
           </CCardDiscipline>
         </div>