wm
8cf962f662
- 根因：此前重写 my-plans 时改为由 plan-card 自身的 target/onTap 负责跳转， 但 plan-card/index.wxml 根视图漏绑 bindtap="onTap"，onTap 方法虽写好却从未触发， 导致『我的训练计划』页点击卡片无任何反应、进不去计划详情。 - 修复：plan-card 根 <view class="pc"> 加 bindtap="onTap" 与 hover-class="pc--hover"。 - 体验：新增 .pc--hover 按压反馈（轻微缩放 + Volt 绿描边 var(--gold-line)），token 均在 app.wxss 已定义。
41 lines
1.4 KiB
Plaintext
41 lines
1.4 KiB
Plaintext
.pc {
|
|
background: var(--surface);
|
|
border-radius: var(--radius);
|
|
overflow: hidden;
|
|
border: 1rpx solid var(--line);
|
|
box-shadow: var(--shadow);
|
|
width: 100%;
|
|
transition: transform 0.12s var(--ease), border-color 0.12s var(--ease);
|
|
}
|
|
.pc--hover {
|
|
transform: scale(0.985);
|
|
border-color: var(--gold-line);
|
|
}
|
|
.pc__cover { position: relative; width: 100%; height: 220rpx; background: var(--surface-2); }
|
|
.pc__img { width: 100%; height: 100%; display: block; }
|
|
.pc__badge {
|
|
position: absolute; left: 16rpx; top: 16rpx;
|
|
width: 64rpx; height: 64rpx; border-radius: 18rpx;
|
|
display: flex; align-items: center; justify-content: center;
|
|
}
|
|
.pc__top { padding: 28rpx; display: flex; }
|
|
.pc__emoji {
|
|
width: 96rpx; height: 96rpx; border-radius: 24rpx;
|
|
display: flex; align-items: center; justify-content: center;
|
|
}
|
|
.pc__body { padding: 18rpx 22rpx 8rpx; }
|
|
.pc__name { font-size: 30rpx; font-weight: 700; }
|
|
.pc__desc {
|
|
margin-top: 10rpx;
|
|
font-size: 24rpx; color: var(--text-2); line-height: 1.5;
|
|
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
|
|
}
|
|
.pc__foot {
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
padding: 16rpx 22rpx 22rpx;
|
|
border-top: 1rpx solid var(--line);
|
|
margin-top: 8rpx;
|
|
}
|
|
.pc__count { font-size: 24rpx; color: var(--text-2); }
|
|
.pc__arrow { font-size: 36rpx; color: var(--gold); line-height: 1; }
|