diff --git a/src/pages/training/difficulty.vue b/src/pages/training/difficulty.vue index 83744f0..fb6b9d2 100644 --- a/src/pages/training/difficulty.vue +++ b/src/pages/training/difficulty.vue @@ -445,6 +445,16 @@ const selectedDifficulty = computed(() => { ); }); +const targetTypeImageMap = { + 20: "https://static.shelingxingqiu.com/shootmini/static/training-difficulty-design/20cm.png", + 40: "https://static.shelingxingqiu.com/shootmini/static/training-difficulty-design/40cm.png", +}; + +// 根据接口返回的 target_type 展示当前难度使用的靶纸类型。 +const selectedTargetTypeImage = computed(() => { + return targetTypeImageMap[toNumber(selectedDifficulty.value?.target_type)] || ""; +}); + // 优先显示配置中的难度进度;没有配置时,再按已解锁等级推导完成态。 const getCompletedDifficultyProgress = (node) => { const configuredProgress = Number(difficultyProgressMap.value[node?.id]); @@ -808,6 +818,12 @@ onShow(() => { :title="selectedDifficulty.title" :lines="selectedDifficulty.summary" /> + @@ -866,6 +882,16 @@ onShow(() => { margin: 0 auto; } +.difficulty-page__target-type { + position: absolute; + top: 10rpx; + left: 2rpx; + z-index: 2; + width: 100rpx; + height: 74rpx; + pointer-events: none; +} + .difficulty-page__start { position: relative; flex: none; diff --git a/src/static/training-difficulty-design/20cm.png b/src/static/training-difficulty-design/20cm.png new file mode 100644 index 0000000..828974d Binary files /dev/null and b/src/static/training-difficulty-design/20cm.png differ diff --git a/src/static/training-difficulty-design/40cm.png b/src/static/training-difficulty-design/40cm.png new file mode 100644 index 0000000..11586d9 Binary files /dev/null and b/src/static/training-difficulty-design/40cm.png differ