wip
This commit is contained in:
parent
8056497809
commit
f5637205cb
2 changed files with 7 additions and 11 deletions
|
@ -1,7 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<a class="mk-images-image" :href="image.url" target="_blank" :style="style" :title="image.name"></a>
|
||||||
<a class="mk-images-image" :href="image.url" target="_blank" :style="style" :title="image.name"></a>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
@ -22,16 +20,12 @@ export default Vue.extend({
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.mk-images-image
|
.mk-images-image
|
||||||
display block
|
|
||||||
overflow hidden
|
|
||||||
border-radius 4px
|
|
||||||
|
|
||||||
> a
|
|
||||||
display block
|
display block
|
||||||
overflow hidden
|
overflow hidden
|
||||||
width 100%
|
width 100%
|
||||||
height 100%
|
height 100%
|
||||||
background-position center
|
background-position center
|
||||||
background-size cover
|
background-size cover
|
||||||
|
border-radius 4px
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -4,8 +4,10 @@ import ui from './ui.vue';
|
||||||
import home from './home.vue';
|
import home from './home.vue';
|
||||||
import timeline from './timeline.vue';
|
import timeline from './timeline.vue';
|
||||||
import posts from './posts.vue';
|
import posts from './posts.vue';
|
||||||
|
import imagesImage from './images-image.vue';
|
||||||
|
|
||||||
Vue.component('mk-ui', ui);
|
Vue.component('mk-ui', ui);
|
||||||
Vue.component('mk-home', home);
|
Vue.component('mk-home', home);
|
||||||
Vue.component('mk-timeline', timeline);
|
Vue.component('mk-timeline', timeline);
|
||||||
Vue.component('mk-posts', posts);
|
Vue.component('mk-posts', posts);
|
||||||
|
Vue.component('mk-images-image', imagesImage);
|
||||||
|
|
Loading…
Reference in a new issue