From c4639d070315172ff58d9d9e7edbdb1147a2c74d Mon Sep 17 00:00:00 2001
From: wm <2747639460@qq.com>
Date: Wed, 22 Jul 2026 23:39:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(plan-card):=20=E8=AE=A1=E5=88=92=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=9B=BE=E6=A0=87=E6=94=B9=E7=94=A8=20fc-icon=20?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- plan-card 仍用 {{plan.emoji}} 文本渲染，导致创建计划后显示 person-standing 等字面量
- 改为 require iconName 计算 icon，wxml 使用 <fc-icon> 渲染
- 同步清理 badge/emoji 的字体样式
---
 miniprogram/components/plan-card/index.js   | 8 ++++++--
 miniprogram/components/plan-card/index.wxml | 8 ++++++--
 miniprogram/components/plan-card/index.wxss | 2 --
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/miniprogram/components/plan-card/index.js b/miniprogram/components/plan-card/index.js
index 43a9301..91d054a 100644
--- a/miniprogram/components/plan-card/index.js
+++ b/miniprogram/components/plan-card/index.js
@@ -2,6 +2,8 @@
 // props:
 //   plan: { id|slug, emoji, color, name, description, count|exerciseCount, cover? }
 //   target: 点击跳转的完整 url
+const { iconName } = require('../../utils/icon-name.js');
+
 Component({
   properties: {
     plan: { type: Object, value: {} },
@@ -11,7 +13,8 @@ Component({
     count: 0,
     cover: '',
     hasCover: false,
-    color: '#D9B36C'
+    color: '#D9B36C',
+    icon: 'folder-open'
   },
   observers: {
     plan: function (plan) {
@@ -20,7 +23,8 @@ Component({
         count: plan.count || plan.exerciseCount || 0,
         cover: plan.cover || '',
         hasCover: !!(plan.cover),
-        color: plan.color || '#D9B36C'
+        color: plan.color || '#D9B36C',
+        icon: iconName(plan.emoji, 'folder-open')
       });
     }
   },
diff --git a/miniprogram/components/plan-card/index.wxml b/miniprogram/components/plan-card/index.wxml
index fb66827..e251d44 100644
--- a/miniprogram/components/plan-card/index.wxml
+++ b/miniprogram/components/plan-card/index.wxml
@@ -4,10 +4,14 @@
     class="pc__cover"
     style="background: {{color}}22;">
     <image class="pc__img" src="{{cover}}" mode="aspectFill" lazy-load="true" />
-    <view class="pc__badge" style="background: {{color}}22; color: {{color}};">{{plan.emoji}}</view>
+    <view class="pc__badge" style="background: {{color}}22;">
+      <fc-icon name="{{icon}}" size="38" color="{{color}}" />
+    </view>
   </view>
   <view wx:else class="pc__top" style="background: linear-gradient(135deg, {{color}}26, var(--surface));">
-    <view class="pc__emoji" style="background: {{color}}22; color: {{color}};">{{plan.emoji}}</view>
+    <view class="pc__emoji" style="background: {{color}}22;">
+      <fc-icon name="{{icon}}" size="52" color="{{color}}" />
+    </view>
   </view>
 
   <view class="pc__body">
diff --git a/miniprogram/components/plan-card/index.wxss b/miniprogram/components/plan-card/index.wxss
index bc0311e..1ad4129 100644
--- a/miniprogram/components/plan-card/index.wxss
+++ b/miniprogram/components/plan-card/index.wxss
@@ -12,13 +12,11 @@
   position: absolute; left: 16rpx; top: 16rpx;
   width: 64rpx; height: 64rpx; border-radius: 18rpx;
   display: flex; align-items: center; justify-content: center;
-  font-size: 38rpx; line-height: 1;
 }
 .pc__top { padding: 28rpx; display: flex; }
 .pc__emoji {
   width: 96rpx; height: 96rpx; border-radius: 24rpx;
   display: flex; align-items: center; justify-content: center;
-  font-size: 52rpx; line-height: 1;
 }
 .pc__body { padding: 18rpx 22rpx 8rpx; }
 .pc__name { font-size: 30rpx; font-weight: 700; }