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;">
- {{plan.emoji}}
+
+
+
- {{plan.emoji}}
+
+
+
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; }