50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import {ref, onMounted} from 'vue';
|
|
</script>
|
|
|
|
<template>
|
|
<div class="wish-main">
|
|
<img :src="'/skonk/quest_backdrop_' + type + '.png'">
|
|
<div class="wish-sub" v-if="type <= 2">
|
|
<img :src="'/skonk/quest_backdrop_' + type + '_filter.png'" :style="'filter: hue-rotate(' + color + 'deg);'">
|
|
</div>
|
|
<div class="wish-sub" v-if="type <= 2">
|
|
<img :src="'/skonk/quest_rune_' + rune + '.png'">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
const types = ref(['/skonk/quest_backdrop_1.png'], )
|
|
|
|
export default {
|
|
props: {
|
|
type: {
|
|
type: Number,
|
|
default: 1,
|
|
},
|
|
rune: {
|
|
type: Number,
|
|
default: 1,
|
|
},
|
|
color: {
|
|
type: Number,
|
|
default: 0,
|
|
}
|
|
},
|
|
setup(props) {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.wish-main {
|
|
position: relative;
|
|
display: grid;
|
|
place-items: center;
|
|
|
|
}
|
|
.wish-sub {
|
|
position: absolute;
|
|
}
|
|
</style> |