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