| | |
| | | <div class="task-card-title">宁波人力无忧人力资源有限公司</div> |
| | | </div> |
| | | <div class="task-card-footer"> |
| | | <div class="task-card-left"> |
| | | <div class="task-card-time">2024.11.20 - 2025.11.19</div> |
| | | <div class="task-card-actions" :style="{ color: '#FF4D4F' }"> |
| | | {{ '待签约' }} |
| | | </div> |
| | | <div class="task-card-actions"> |
| | | <slot name="actions"> |
| | | <nut-button type="primary">报名</nut-button> |
| | | </slot> |
| | | </div> |
| | | <img :src="IconArrow" class="task-card-arrow" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { CommonTaskCardProps } from './card'; |
| | | import IconArrow from '@/assets/setting/icon-arrow.png'; |
| | | |
| | | defineOptions({ |
| | | name: 'MineAgreementSignCard', |
| | |
| | | } |
| | | } |
| | | |
| | | .task-card-time { |
| | | font-size: 24px; |
| | | color: boleGetCssVar('text-color', 'secondary'); |
| | | line-height: 36px; |
| | | margin-bottom: 6px; |
| | | } |
| | | |
| | | .task-card-footer { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .task-card-left { |
| | | flex: 1; |
| | | min-width: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | justify-content: space-between; |
| | | |
| | | .task-card-actions { |
| | | --nut-button-default-font-size: 24px; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | .nut-button { |
| | | height: 26px; |
| | | } |
| | | .task-card-arrow { |
| | | width: 24px; |
| | | height: 24px; |
| | | } |
| | | } |
| | | } |