css 新标签列表_Desktop

Posted 2021-05-13

#macro (jobItem $jvArgs)
    #set ($macro.jobLink = "${careersiteBaseUrl}/job/${jvArgs.job.EId}")
    #@desktop()
        <tr>
            <td class="jv-job-list-name">
                #if ($date.difference($jvArgs.job.sentDate, $date).getWeeks() <= 2)
                    <span class="jv-tag-new">#s("I18N_NEW")</span>
                #end
                <a href="${macro.jobLink}">${jvArgs.job.title}</a>
            </td>
            <td class="jv-job-list-location">
                #jobLocation({"job": $jvArgs.job})
            </td>
        </tr>
    #end
#end

.jv-tag-new {
    font-weight: 600;
    background-color: #e46a31;
    border-radius: 0.2em;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    padding: 0.2em 0.3em;
    text-transform: uppercase;
    line-height: 1.6;
}