This commit is contained in:
syuilo 2018-09-16 04:31:55 +09:00
parent dda2967e2d
commit 19152c28cb
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
5 changed files with 29 additions and 22 deletions

View file

@ -32,11 +32,12 @@ export default Vue.extend({
media: { media: {
type: Object, type: Object,
required: true required: true
},
hide: {
type: Boolean,
default: true
} }
},
data() {
return {
hide: true
};
} }
}) })
</script> </script>

View file

@ -27,12 +27,13 @@ export default Vue.extend({
}, },
raw: { raw: {
default: false default: false
},
hide: {
type: Boolean,
default: true
} }
}, },
data() {
return {
hide: true
};
},
computed: { computed: {
style(): any { style(): any {
return { return {

View file

@ -36,12 +36,13 @@ export default Vue.extend({
}, },
inlinePlayable: { inlinePlayable: {
default: false default: false
},
hide: {
type: Boolean,
default: true
} }
}, },
data() {
return {
hide: true
};
},
computed: { computed: {
imageStyle(): any { imageStyle(): any {
return { return {

View file

@ -19,12 +19,13 @@ export default Vue.extend({
}, },
raw: { raw: {
default: false default: false
},
hide: {
type: Boolean,
default: true
} }
}, },
data() {
return {
hide: true
};
}
computed: { computed: {
style(): any { style(): any {
let url = `url(${this.image.thumbnailUrl})`; let url = `url(${this.image.thumbnailUrl})`;

View file

@ -15,25 +15,28 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import Vue from 'vue' import Vue from 'vue';
export default Vue.extend({ export default Vue.extend({
props: { props: {
video: { video: {
type: Object, type: Object,
required: true required: true
},
hide: {
type: Boolean,
default: true
} }
}, },
data() {
return {
hide: true
};
},
computed: { computed: {
imageStyle(): any { imageStyle(): any {
return { return {
'background-image': `url(${this.video.url})` 'background-image': `url(${this.video.url})`
}; };
} }
},}) }
});
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>