<template>
    <div class="task_item">
        <div class="icon">
            <img src="@/assets/img/zf_task_path_icon.svg" alt="">
            <!-- <img src="@/assets/img/zf_task_path_activate_icon.svg" alt=""> -->
        </div>
        <div class="item_content">
            <div>
                <span class="label">航线：</span>
                <span>G244平罗段</span>
            </div>
            <div>
                <span class="label">桩号：</span>
                <span>k21+800-K79+448</span>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.task_item {
    height: 60px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: #265fbd 1px solid;
    &:hover{
        background-color: #034da5;
    }

    .icon {
        width: 34px;
        height: 34px;
        margin-right: 12px;
        img {
            display: block;
            width: 100%;
            height: 100%;
        }
    }

    .item_content {
        display: flex;
        flex-direction: column;
        // background-color: antiquewhite;
        font-size: 14px;
        color: #fff;

        .label {
            color: rgba(255, 255, 255, 0.65);
        }
    }
}
</style>