This commit is contained in:
syuilo 2018-02-22 06:17:02 +09:00
parent 8056497809
commit f5637205cb
2 changed files with 7 additions and 11 deletions

View File

@ -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>

View File

@ -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);