jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-01 17:41:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add clickable icons to timeline

Browse Source
This commit is contained in:
Tim
2025-07-09 18:03:50 +08:00
parent 5554594123
commit 8feb488c0e
4 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
open-isle-cli/src/components/BaseTimeline.vue
View File

@@ -1,7 +1,11 @@
<template>
<div class="timeline">
<div class="timeline-item" v-for="(item, idx) in items" :key="idx">
<div class="timeline-icon">
<div
class="timeline-icon"
:class="{ clickable: !!item.iconClick }"
@click="item.iconClick && item.iconClick()"
>
<img v-if="item.src" :src="item.src" class="timeline-img" />
<i v-else-if="item.icon" :class="item.icon"></i>
</div>
@@ -48,6 +52,10 @@ export default {
flex-shrink: 0;
}
.timeline-icon.clickable {
cursor: pointer;
}
.timeline-img {
width: 100%;
height: 100%;