任务列表添加hover样式

This commit is contained in:
wxs 2026-02-04 14:34:16 +08:00
parent c0cea6e5c9
commit 1758accfbe
2 changed files with 4 additions and 2 deletions

View File

@ -35,9 +35,10 @@
box-sizing: border-box;
border-radius: 6px;
background-color: $--color-black-3-alpha;
cursor: pointer;
&:hover {
background-color: $--color-black-3;
background-color: rgba(23, 69, 46, .4);
}
>p {

View File

@ -29,11 +29,12 @@
v-for="(item, index) in taskList.data"
:key="item.id"
class="task-item"
@click="openTaskLineDetail(item)"
>
<div class="top-part">
<!-- <div class="task-progress-bar" :style="'width: ' + item.uavCompletion +'%;'"></div>-->
<div class="top-part__left">
<div class="execute-info" @click="openTaskLineDetail(item)">
<div class="execute-info">
<span
class="execute-type-icon"
:class="'execute-state-' + item.status"