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; }