other components... (2)

src/components/CPreloadImages/CPreloadImages.scss

@@ -0,0 +1,66 @@
+$heightBtn: 100%;
+$grayshadow: #555;
+
+.text-subtitle-carica {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+}
+
+.text-subtitle-certificato {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .text-subtitle-carica {
+    font-size: 1rem;
+  }
+}
+
+.op {
+  text-align: center !important;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+
+  &__cell {
+    font-size: 1rem;
+    color: red;
+  }
+
+  &__email {
+    font-size: 1rem;
+    color: #3b5998;
+  }
+
+  &__email a {
+    text-decoration: none;
+  }
+
+  &__facebook a {
+    font-size: 1rem;
+    text-decoration: none;
+  }
+
+  &__storia {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    text-align: justify;
+  }
+}
+
+.myimg {
+  border-radius: 300px !important;
+}
+
+.q-img {
+  &__image {
+    border-radius: 300px !important;
+  }
+}

src/components/CPreloadImages/CPreloadImages.ts

@@ -0,0 +1,41 @@
+import { defineComponent, ref, computed, PropType } from 'vue'
+import { useI18n } from '@src/boot/i18n'
+import { useQuasar } from 'quasar'
+import { IPreloadImages } from 'model'
+import { tools } from '@store/Modules/tools'
+
+export default defineComponent({
+  name: 'CPreloadImages',
+  props: {
+    arrimg: {
+      type: Object as PropType<IPreloadImages[]>,
+      required: true,
+    },
+  },
+  components: {},
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+
+    function getimg(recimg: IPreloadImages) {
+      if (recimg.mobile) {
+        const filefull = tools.getimgFullpathbysize(recimg.imgname)
+
+        return tools.getimgbysize(filefull.path, filefull.file)
+      } else {
+        return recimg.imgname
+      }
+    }
+
+    function getaltimg(recimg: IPreloadImages) {
+      return recimg.alt
+    }
+
+    return {
+      tools,
+      getimg,
+      getaltimg,
+
+    }
+  }
+})

src/components/CPreloadImages/CPreloadImages.vue

@@ -0,0 +1,14 @@
+<template>
+    <div id="preloader">
+        <div v-for="(image, index) in arrimg" :key="index">
+            <img :src="getimg(image)" width="1" height="1" :alt="getaltimg(image)"/>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" src="./CPreloadImages.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './CPreloadImages.scss';
+</style>

src/components/CPreloadImages/index.ts

@@ -0,0 +1 @@
+export {default as CPreloadImages} from './CPreloadImages.vue'