26 lines
844 B
Vue
26 lines
844 B
Vue
<template>
|
|
<view class="page">
|
|
<view class="header">
|
|
<text class="title">我的任务</text>
|
|
<text class="subtitle">待处理和进行中的任务</text>
|
|
</view>
|
|
<view class="empty">
|
|
<text class="empty-icon">📋</text>
|
|
<text class="empty-text">暂无待办任务</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page { min-height: 100vh; padding: 16px; padding-bottom: 80px; }
|
|
.header { margin-bottom: 24px; }
|
|
.title { font-size: 20px; font-weight: 700; color: #1f2937; display: block; }
|
|
.subtitle { font-size: 13px; color: #9ca3af; margin-top: 4px; display: block; }
|
|
.empty { display: flex; flex-direction: column; align-items: center; padding-top: 80px; }
|
|
.empty-icon { font-size: 64px; margin-bottom: 12px; }
|
|
.empty-text { font-size: 14px; color: #9ca3af; }
|
|
</style>
|