任务列表添加hover样式
This commit is contained in:
parent
c0cea6e5c9
commit
1758accfbe
@ -35,9 +35,10 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: $--color-black-3-alpha;
|
background-color: $--color-black-3-alpha;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $--color-black-3;
|
background-color: rgba(23, 69, 46, .4);
|
||||||
}
|
}
|
||||||
|
|
||||||
>p {
|
>p {
|
||||||
|
|||||||
@ -29,11 +29,12 @@
|
|||||||
v-for="(item, index) in taskList.data"
|
v-for="(item, index) in taskList.data"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
class="task-item"
|
class="task-item"
|
||||||
|
@click="openTaskLineDetail(item)"
|
||||||
>
|
>
|
||||||
<div class="top-part">
|
<div class="top-part">
|
||||||
<!-- <div class="task-progress-bar" :style="'width: ' + item.uavCompletion +'%;'"></div>-->
|
<!-- <div class="task-progress-bar" :style="'width: ' + item.uavCompletion +'%;'"></div>-->
|
||||||
<div class="top-part__left">
|
<div class="top-part__left">
|
||||||
<div class="execute-info" @click="openTaskLineDetail(item)">
|
<div class="execute-info">
|
||||||
<span
|
<span
|
||||||
class="execute-type-icon"
|
class="execute-type-icon"
|
||||||
:class="'execute-state-' + item.status"
|
:class="'execute-state-' + item.status"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user