feat: 任务和社区页面

pages/tasks/index.wxml

@@ -19,8 +19,29 @@
   <view class="tasks-container">
     <text class="section-title">今日待办</text>
 
-    <view wx:if="{{tasks.length === 0}}" class="empty-state">
-      <text>太棒了！所有任务都已完成 🎉</text>
+    <view wx:if="{{tasks.length === 0}}" class="empty-state-custom">
+      <view class="empty-scene">
+        <view class="sun-box">
+            <view class="sun-core"></view>
+            <view class="sun-rays"></view>
+        </view>
+        <view class="cloud cloud-1"></view>
+        <view class="cloud cloud-2"></view>
+        
+        <!-- Replaced Image with Rich Icon Group -->
+        <view class="empty-icon-group plant-breathing">
+           <view class="icon-bg-circle"></view>
+           <text class="emoji-icon">🌿</text>
+           <view class="sparkle s1"></view>
+           <view class="sparkle s2"></view>
+        </view>
+      </view>
+      
+      <view class="empty-text">
+        <text>今天很惬意</text>
+        <text class="empty-sub">植物们正在享受阳光 SPA ☀️</text>
+      </view>
+      <t-button theme="primary" size="large" shape="round" bind:tap="gotoGarden" class="empty-btn">去看看花园</t-button>
     </view>
 
     <scroll-view wx:else scroll-y class="task-list" enhanced show-scrollbar="{{false}}">
@@ -28,7 +49,7 @@
         <view class="card-header-row">
           <view class="plant-info-brief">
             <view class="plant-thumb-small">
-              <image wx:if="{{item.plantImage}}" src="/assets/{{item.plantImage}}" mode="aspectFill"></image>
+              <image wx:if="{{item.plantImage}}" src="{{item.plantImage}}" mode="aspectFill"></image>
               <view wx:else class="thumb-placeholder">{{item.plantName[0]}}</view>
             </view>
             <text class="plant-name-title">{{item.plantName}}</text>
@@ -50,8 +71,11 @@
                 <text wx:if="{{task.isOverdue}}" class="task-overdue-text">{{task.overdueDays}}天前</text>
               </view>
             </view>
-            <view class="mini-check-btn {{task.isOverdue ? 'btn-urgent' : ''}}" bindtap="handleTaskClick" data-task="{{task}}">
-              <t-icon name="check" size="32rpx" color="{{task.isOverdue ? '#EF5350' : '#E0E0E0'}}" />
+            <view class="mini-check-btn {{task.isOverdue ? 'btn-urgent' : ''}}" 
+                  style="{{task.isCompleted ? 'background-color: #4CAF50; border-color: #4CAF50;' : ''}}"
+                  bindtap="handleTaskClick" 
+                  data-task="{{task}}">
+              <t-icon wx:if="{{task.isCompleted}}" name="check" size="28rpx" color="#FFF" />
             </view>
           </view>
         </view>