Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
syuilo 2018-02-13 09:27:57 +09:00
parent be80c98ee5
commit e8affdc730
18 changed files with 56 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/web/app/desktop/views/components/images-image.vue
View file

@ -10,6 +10,7 @@
<script lang="ts">
import Vue from 'vue';
import MkImagesImageDialog from './images-image-dialog.vue';
export default Vue.extend({
props: ['image'],
@ -23,7 +24,7 @@ export default Vue.extend({
},
methods: {
onMousemove(e) {
const rect = this.$refs.view.getBoundingClientRect();
const rect = this.$el.getBoundingClientRect();
const mouseX = e.clientX - rect.left;
const mouseY = e.clientY - rect.top;
const xp = mouseX / this.$el.offsetWidth * 100;
@ -36,11 +37,12 @@ export default Vue.extend({
this.$el.style.backgroundPosition = '';
},
onClick(ev) {
riot.mount(document.body.appendChild(document.createElement('mk-image-dialog')), {
image: this.image
});
return false;
onClick() {
document.body.appendChild(new MkImagesImageDialog({
propsData: {
image: this.image
}
}).$mount().$el);
}
}
});