update:优化个人训练图片

This commit is contained in:
2026-07-23 11:01:55 +08:00
parent 3c5754b3fd
commit dff210462f
61 changed files with 678 additions and 110 deletions
+28 -19
View File
@@ -5,8 +5,10 @@ import Container from "@/components/Container.vue";
import TargetPicker from "@/components/TargetPicker.vue";
import { getPersonalTrainingAPI } from "@/apis";
const checkedIcon = "./static/training-home/done.png";
const missedIcon = "./static/training-home/missed.png";
const checkedIcon =
"https://static.shelingxingqiu.com/shootmini/static/training-home/done.png";
const missedIcon =
"https://static.shelingxingqiu.com/shootmini/static/training-home/missed.png";
// 后端训练项目 id 与难度页 mode 参数的映射关系。
const trainingModeRouteMap = {
base: "basic",
@@ -17,18 +19,25 @@ const trainingModeRouteMap = {
};
// 训练项目卡片右侧主图标。
const trainingModeIconMap = {
base_bow: "./static/training-home/img_22.png",
bow: "./static/training-home/img_3.png",
target: "./static/training-home/img_4.png",
wave: "./static/training-home/img_5.png",
muscle: "./static/training-home/img_6.png",
base_bow:
"https://static.shelingxingqiu.com/shootmini/static/training-home/img_22.png",
bow: "https://static.shelingxingqiu.com/shootmini/static/training-home/img_3.png",
target:
"https://static.shelingxingqiu.com/shootmini/static/training-home/img_4.png",
wave: "https://static.shelingxingqiu.com/shootmini/static/training-home/img_5.png",
muscle:
"https://static.shelingxingqiu.com/shootmini/static/training-home/img_6.png",
};
// 训练项目卡片标题图,按接口 id 映射本地资源。
// 训练项目卡片标题图,按接口 id 映射 CDN 资源。
const trainingModeTitleImageMap = {
endurance: "./static/training-home/nailixunlian.png",
precision: "./static/training-home/jingzhunxunlian.png",
rhythm: "./static/training-home/jiezouxunlian.png",
strength: "./static/training-home/liliangxulian.png",
endurance:
"https://static.shelingxingqiu.com/shootmini/static/training-home/nailixunlian.png",
precision:
"https://static.shelingxingqiu.com/shootmini/static/training-home/jingzhunxunlian.png",
rhythm:
"https://static.shelingxingqiu.com/shootmini/static/training-home/jiezouxunlian.png",
strength:
"https://static.shelingxingqiu.com/shootmini/static/training-home/liliangxulian.png",
};
const defaultWeekDays = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
const defaultRadarDimensions = [
@@ -360,12 +369,12 @@ onShow(async () => {
<view class="stats-card-bg"></view>
<image
class="stats-quote stats-quote-left"
src="./static/training-home/img_17.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_17.png"
mode="widthFix"
/>
<image
class="stats-quote stats-quote-right"
src="./static/training-home/img_16.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_16.png"
mode="widthFix"
/>
<view class="stats-grid">
@@ -440,7 +449,7 @@ onShow(async () => {
<view class="record-bubble" @click="openTrainingRecord">
<image
class="record-bubble-bg"
src="./static/training-home/img_28.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_28.png"
mode="widthFix"
/>
<view class="record-bubble-copy">
@@ -451,7 +460,7 @@ onShow(async () => {
<text class="record-sub-text">我的训练记录</text>
<image
class="record-arrow"
src="./static/training-home/img_7.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_7.png"
mode="widthFix"
/>
</view>
@@ -479,7 +488,7 @@ onShow(async () => {
<image
class="radar-grid-image"
:style="radarFigureStyle"
src="./static/training-home/img_19.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_19.png"
/>
<canvas
:canvas-id="trainingRadarCanvasId"
@@ -491,7 +500,7 @@ onShow(async () => {
/>
<image
class="radar-mascot"
src="./static/training-home/img_21.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_21.png"
mode="widthFix"
/>
</view>
@@ -501,7 +510,7 @@ onShow(async () => {
<view class="featured-card" @click="openRoutineTraining">
<image
class="featured-card-bg"
src="./static/training-home/img_22.png"
src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_22.png"
mode="widthFix"
/>
<view class="featured-card-mask"></view>