- other committ
This commit is contained in:
66
src/components/CPreloadImages/CPreloadImages.scss
Normal file
66
src/components/CPreloadImages/CPreloadImages.scss
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
29
src/components/CPreloadImages/CPreloadImages.ts
Normal file
29
src/components/CPreloadImages/CPreloadImages.ts
Normal file
@@ -0,0 +1,29 @@
|
||||
import Vue from 'vue'
|
||||
import { Component, Prop, Watch } from 'vue-property-decorator'
|
||||
|
||||
import { tools } from '../../store/Modules/tools'
|
||||
import { toolsext } from '@src/store/Modules/toolsext'
|
||||
import { IPreloadImages } from '../../model'
|
||||
|
||||
@Component({
|
||||
name: 'CPreloadImages'
|
||||
})
|
||||
|
||||
export default class CPreloadImages extends Vue {
|
||||
@Prop({ required: true }) public arrimg: IPreloadImages[]
|
||||
|
||||
get tools() {
|
||||
return tools
|
||||
}
|
||||
|
||||
public getimg(recimg: IPreloadImages) {
|
||||
if (recimg.mobile) {
|
||||
const filefull = tools.getimgFullpathbysize(recimg.imgname)
|
||||
|
||||
return tools.getimgbysize(filefull.path, filefull.file)
|
||||
} else {
|
||||
return recimg.imgname
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
14
src/components/CPreloadImages/CPreloadImages.vue
Normal file
14
src/components/CPreloadImages/CPreloadImages.vue
Normal file
@@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<div id="preloader">
|
||||
<div v-for="(image, index) in arrimg">
|
||||
<img :src="getimg(image)" width="1" height="1"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CPreloadImages.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CPreloadImages.scss';
|
||||
</style>
|
||||
1
src/components/CPreloadImages/index.ts
Normal file
1
src/components/CPreloadImages/index.ts
Normal file
@@ -0,0 +1 @@
|
||||
export {default as CPreloadImages} from './CPreloadImages.vue'
|
||||
Reference in New Issue
Block a user