feat 项目作业进度

src/components/home/progress.vue

@@ -23,7 +23,16 @@ const current = ref(25)
           <text class="progress-label">
             已完成
           </text> -->
-          <wd-circle v-model="current" :text="`${current}%`" :size="100" />
+          <wd-circle v-model="current" :size="120">
+            <view class="progress-circle-text">
+              <text class="progress-percent">
+                {{ current }}%
+              </text>
+              <text class="progress-label">
+                已完成
+              </text>
+            </view>
+          </wd-circle>
         </view>
         <view class="progress-details">
           <view class="progress-item">
@@ -149,4 +158,21 @@ const current = ref(25)
   font-weight: bold;
   color: #333333;
 }
+
+.progress-percent {
+  font-size: 28px;
+  font-weight: bold;
+  color: #333333;
+}
+
+.progress-circle-text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.progress-label {
+  font-size: 12px;
+  color: #999999;
+}
 </style>