From d46cfff07931f6d33ec4aa0d305d28fe8ded614a Mon Sep 17 00:00:00 2001
From: long <452591453@qq.com>
Date: Mon, 25 May 2026 10:37:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(uniapp):=20=E5=8A=A0=E5=BC=80=E5=8F=91?=
 =?UTF-8?q?=E7=94=A8=E3=80=8C=E7=BB=83=E4=B8=80=E7=BB=83=E3=80=8D=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新组件 dev-training-entry：右下角圆形悬浮按钮，带 DEV 标签
- 仅在 isDevMode() 为真时显示，上线打包自动隐藏
- 挂载到首页和个人中心，方便快速跳转 /pages/training/index 测试

后续走装修系统给 user 页配「练一练」服务图标后即可移除此组件

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../components/dev-training-entry/index.vue   | 75 +++++++++++++++++++
 uniapp/src/pages/index/index.vue              |  3 +
 uniapp/src/pages/user/user.vue                |  2 +
 3 files changed, 80 insertions(+)
 create mode 100644 uniapp/src/components/dev-training-entry/index.vue

diff --git a/uniapp/src/components/dev-training-entry/index.vue b/uniapp/src/components/dev-training-entry/index.vue
new file mode 100644
index 00000000..13df6145
--- /dev/null
+++ b/uniapp/src/components/dev-training-entry/index.vue
@@ -0,0 +1,75 @@
+<template>
+    <view v-if="visible" class="dev-training-entry" @click="goTraining">
+        <view class="entry-icon">💪</view>
+        <view class="entry-text">练一练</view>
+        <view class="entry-tag">DEV</view>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { isDevMode } from '@/utils/env'
+
+const props = withDefaults(
+    defineProps<{
+        bottom?: number
+    }>(),
+    { bottom: 200 },
+)
+
+const visible = ref(isDevMode())
+
+const goTraining = () => {
+    uni.navigateTo({ url: '/pages/training/index' })
+}
+</script>
+
+<style lang="scss" scoped>
+.dev-training-entry {
+    position: fixed;
+    right: 24rpx;
+    bottom: v-bind('props.bottom + "rpx"');
+    z-index: 999;
+
+    width: 110rpx;
+    height: 110rpx;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #22c55e, #16a34a);
+    box-shadow: 0 6rpx 20rpx rgba(34, 197, 94, 0.4);
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    transition: transform 0.2s;
+
+    &:active {
+        transform: scale(0.92);
+    }
+
+    .entry-icon {
+        font-size: 40rpx;
+        line-height: 1;
+    }
+
+    .entry-text {
+        font-size: 18rpx;
+        color: #fff;
+        margin-top: 4rpx;
+        line-height: 1;
+    }
+
+    .entry-tag {
+        position: absolute;
+        top: -8rpx;
+        right: -8rpx;
+        background: #ef4444;
+        color: #fff;
+        font-size: 16rpx;
+        padding: 2rpx 8rpx;
+        border-radius: 8rpx;
+        line-height: 1.4;
+    }
+}
+</style>
diff --git a/uniapp/src/pages/index/index.vue b/uniapp/src/pages/index/index.vue
index dbd21a14..6d73d8b3 100644
--- a/uniapp/src/pages/index/index.vue
+++ b/uniapp/src/pages/index/index.vue
@@ -87,6 +87,8 @@
         <MpPrivacyPopup></MpPrivacyPopup>
         <!--  #endif  -->
 
+        <dev-training-entry />
+
         <tabbar/>
     </view>
 </template>
@@ -96,6 +98,7 @@ import {getIndex} from '@/api/shop'
 import {onLoad, onPageScroll} from "@dcloudio/uni-app";
 import {computed, reactive, ref} from 'vue'
 import {useAppStore} from '@/stores/app'
+import DevTrainingEntry from '@/components/dev-training-entry/index.vue'
 
 // #ifdef MP
 import MpPrivacyPopup from './component/mp-privacy-popup.vue'
diff --git a/uniapp/src/pages/user/user.vue b/uniapp/src/pages/user/user.vue
index 7bf604c1..42a50fae 100644
--- a/uniapp/src/pages/user/user.vue
+++ b/uniapp/src/pages/user/user.vue
@@ -25,6 +25,7 @@
                 <w-user-banner :content="item.content" :styles="item.styles" />
             </template>
         </view>
+        <dev-training-entry />
         <tabbar />
     </view>
 </template>
@@ -35,6 +36,7 @@ import { useUserStore } from '@/stores/user'
 import { onShow } from '@dcloudio/uni-app'
 import { storeToRefs } from 'pinia'
 import { reactive } from 'vue'
+import DevTrainingEntry from '@/components/dev-training-entry/index.vue'
 const state = reactive<{
     meta: any[]
     pages: any[]