update: 优化个人训练

src/pages/training/index.vue

@@ -17,7 +17,7 @@ const trainingModeRouteMap = {
   rhythm: "rhythm",
   strength: "power",
 };
-const unavailableTrainingIds = new Set(["rhythm", "strength"]);
+const unavailableTrainingIds = new Set(["strength"]);
 // 训练项目卡片右侧主图标。
 const trainingModeIconMap = {
   base_bow:
@@ -27,7 +27,7 @@ const trainingModeIconMap = {
     "https://static.shelingxingqiu.com/shootmini/static/training-home/img_5.png",
   wave: "https://static.shelingxingqiu.com/shootmini/static/training-home/img_6.png",
   muscle:
-    "https://static.shelingxingqiu.com/shootmini/static/training-home/img_6.png",
+    "https://static.shelingxingqiu.com/shootmini/static/training-home/img_7.png",
 };
 // 训练项目卡片标题图，按接口 id 映射 CDN 资源。
 const trainingModeTitleImageMap = {
@@ -40,7 +40,7 @@ const trainingModeTitleImageMap = {
   rhythm:
     "https://static.shelingxingqiu.com/shootmini/static/training-home/jiezouxunlian.png",
   strength:
-    "https://static.shelingxingqiu.com/shootmini/static/training-home/liliangxulian.png",
+    "https://static.shelingxingqiu.com/shootmini/static/training-home/wendingxunlian.png",
 };
 const defaultWeekDays = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
 const defaultRadarDimensions = [
@@ -743,7 +743,7 @@ onShow(async () => {
 
 .radar-section {
   position: relative;
-  padding-top: 34rpx;
+  padding-top: 30rpx;
 }
 
 .record-bubble {
@@ -863,8 +863,8 @@ onShow(async () => {
 .featured-card {
   position: relative;
   width: 100%;
-  height: 150rpx;
-  margin-top: 70rpx;
+  height: 130rpx;
+  margin-top: 38rpx;
   border-radius: 16rpx;
   overflow: hidden;
 }
@@ -878,13 +878,13 @@ onShow(async () => {
   left: 0;
   top: 0;
   width: 278rpx;
-  height: 150rpx;
+  height: 130rpx;
 }
 
 .featured-card-copy {
   position: absolute;
   left: 174rpx;
-  top: 58rpx;
+  top: 60rpx;
   display: flex;
   flex-direction: column;
 }
@@ -900,10 +900,9 @@ onShow(async () => {
 
 .featured-card-subtitle {
   display: block;
-  margin-top: 10rpx;
   color: #895409;
-  font-size: 22rpx;
-  line-height: 32rpx;
+  font-size: 20rpx;
+  line-height: 28rpx;
 }
 
 .mode-grid {
@@ -915,7 +914,7 @@ onShow(async () => {
 
 .mode-card {
   position: relative;
-  height: 150rpx;
+  height: 130rpx;
   box-shadow: inset 2rpx 2rpx 6rpx 0rpx rgba(255, 255, 255, 0.27);
   border-radius: 16rpx;
   border: 2rpx solid rgba(235, 184, 123, 0.5);
@@ -928,8 +927,8 @@ onShow(async () => {
   left: 0;
   top: 0;
   width: 72rpx;
-  height: 34rpx;
-  line-height: 34rpx;
+  height: 28rpx;
+  line-height: 28rpx;
   text-align: center;
   font-size: 20rpx;
   color: #000;
@@ -940,7 +939,7 @@ onShow(async () => {
 .mode-card-copy {
   position: absolute;
   left: 30rpx;
-  top: 40rpx;
+  top: 32rpx;
 }
 
 .mode-card-title {
@@ -968,16 +967,16 @@ onShow(async () => {
   display: block;
   margin-top: 14rpx;
   color: #fcce96;
-  font-size: 22rpx;
-  line-height: 32rpx;
+  font-size: 20rpx;
+  line-height: 28rpx;
   opacity: 0.5;
 }
 
 .mode-card-icon {
   position: absolute;
-  right: 12rpx;
-  top: 14rpx;
-  width: 124rpx;
-  height: 124rpx;
+  right: 18rpx;
+  top: 8rpx;
+  width: 116rpx;
+  height: 116rpx;
 }
 </style>