- Fix Facebook slow down the loading... inserted only a static image !#106
- Others fix to the CCardDiscipline
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
.myclassfb{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -7,8 +7,27 @@ import { date } from 'quasar'
|
||||
import { CalendarStore } from '../../store/Modules'
|
||||
import MixinBase from '../../mixins/mixin-base'
|
||||
|
||||
import VueScrollReveal from 'vue-scroll-reveal'
|
||||
import { CImgText } from '../CImgText'
|
||||
|
||||
|
||||
Vue.use(VueScrollReveal, {
|
||||
class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
|
||||
duration: 1200,
|
||||
scale: 0.95,
|
||||
distance: '10px',
|
||||
rotate: {
|
||||
x: 0,
|
||||
y: 0,
|
||||
z: 0
|
||||
}
|
||||
// mobile: true
|
||||
})
|
||||
|
||||
|
||||
@Component({
|
||||
name: 'CFacebookFrame',
|
||||
components: { CImgText },
|
||||
mixins: [MixinBase]
|
||||
})
|
||||
|
||||
@@ -17,6 +36,7 @@ export default class CFacebookFrame extends Vue {
|
||||
public $t
|
||||
@Prop({ required: true }) public urlfbpage: string
|
||||
@Prop({ required: true }) public title: string
|
||||
@Prop({ required: true }) public fbimage: string
|
||||
@Prop({ required: false, default: '' }) public myclass: string
|
||||
|
||||
public geturlfbpageEncoded() {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div v-if="urlfbpage" :class="myclass">
|
||||
<div v-if="urlfbpage && fbimage" :class="myclass">
|
||||
<!--<div class="fb-page" :data-href="urlfbpage" data-tabs="timeline"-->
|
||||
<!--data-width="" data-height="" data-small-header="false" data-adapt-container-width="true"-->
|
||||
<!--data-hide-cover="false" data-show-facepile="true">-->
|
||||
@@ -8,9 +8,17 @@
|
||||
<!--</blockquote>-->
|
||||
<!--</div>-->
|
||||
|
||||
<a :href="urlfbpage" target="_blank">
|
||||
<q-img :src="`statics/` + fbimage" class="myclassfb">
|
||||
</q-img>
|
||||
|
||||
</a>
|
||||
|
||||
<!--
|
||||
<iframe :src="`https://www.facebook.com/plugins/page.php?href=`+geturlfbpageEncoded()+`&tabs=timeline&width=`+mywidth+`&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=164292303671962`"
|
||||
width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0"
|
||||
allowTransparency="true" allow="encrypted-media"></iframe>
|
||||
-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user