fix: 修复动态组件不支持问题

.gitignore

+unpackage

components/My.vue

 <template>
 	<view class="my-container">
-		<view class="content">
-			<!-- 我的页面内容 -->
-			<text>我的页面内容</text>
+		<!-- 用户信息区域 -->
+		<view class="user-info">
+			<view class="user-header">
+				<image class="avatar" :src="userInfo.avatar || '/static/my/avatar.png'" mode="aspectFill" />
+				<view class="user-detail">
+					<text class="nickname">{{ userInfo.nickname || '未登录' }}</text>
+					<view class="user-level">
+						<image class="level-icon" src="/static/my/level.png" mode="aspectFit" />
+						<text class="level-text">Lv.{{ userInfo.level || 1 }}</text>
+					</view>
+				</view>
+				<view class="edit-btn" @tap="handleEditProfile">
+					<image src="/static/my/edit.png" mode="aspectFit" />
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script setup>
-	// 我的页面组件逻辑
+import { ref, onMounted } from 'vue'
+
+// 用户信息
+const userInfo = ref({
+	avatar: '',
+	nickname: '',
+	level: 1,
+	points: 0,
+	coupons: 0,
+	collects: 0
+})
+
+// 订单数量统计
+const orderCounts = ref({
+	pending: 0,
+	shipping: 0,
+	receiving: 0,
+	comment: 0,
+	after: 0
+})
+
+// 页面跳转
+const navigateTo = (url) => {
+	uni.navigateTo({
+		url,
+		fail: (err) => {
+			console.error('页面跳转失败:', err)
+			uni.showToast({
+				title: '页面跳转失败',
+				icon: 'none'
+			})
+		}
+	})
+}
+
+// 编辑个人资料
+const handleEditProfile = () => {
+	navigateTo('/pages/user/profile')
+}
+
+// 联系客服
+const handleContactService = () => {
+	// #ifdef MP-WEIXIN
+	uni.openCustomerServiceChat({
+		extInfo: { url: 'YOUR_CUSTOMER_SERVICE_URL' },
+		corpId: 'YOUR_CORP_ID',
+		success(res) {
+			console.log('打开客服会话成功')
+		},
+		fail(err) {
+			console.error('打开客服会话失败:', err)
+			uni.showToast({
+				title: '打开客服会话失败',
+				icon: 'none'
+			})
+		}
+	})
+	// #endif
+	
+	// #ifdef H5
+	window.open('YOUR_CUSTOMER_SERVICE_URL', '_blank')
+	// #endif
+}
+
+// 获取用户信息
+const getUserInfo = async () => {
+	try {
+		// TODO: 调用获取用户信息接口
+		const res = await uni.request({
+			url: '/api/user/info',
+			method: 'GET'
+		})
+		if (res.data.code === 0) {
+			userInfo.value = res.data.data
+		}
+	} catch (error) {
+		console.error('获取用户信息失败:', error)
+		uni.showToast({
+			title: '获取用户信息失败',
+			icon: 'none'
+		})
+	}
+}
+
+// 获取订单数量
+const getOrderCounts = async () => {
+	try {
+		// TODO: 调用获取订单数量接口
+		const res = await uni.request({
+			url: '/api/order/counts',
+			method: 'GET'
+		})
+		if (res.data.code === 0) {
+			orderCounts.value = res.data.data
+		}
+	} catch (error) {
+		console.error('获取订单数量失败:', error)
+	}
+}
+
+// 下拉刷新
+const onPullDownRefresh = async () => {
+	return
+	try {
+		await Promise.all([
+			getUserInfo(),
+			getOrderCounts()
+		])
+		uni.stopPullDownRefresh()
+	} catch (error) {
+		console.error('刷新数据失败:', error)
+		uni.stopPullDownRefresh()
+	}
+}
+
+// 页面加载
+onMounted(() => {
+	// getUserInfo()
+	// getOrderCounts()
+})
+
+// 定义页面配置
+defineExpose({
+	onPullDownRefresh
+})
 </script>
 
 <style lang="scss" scoped>
 	.my-container {
-		padding: 20rpx;
-		
-		.content {
-			padding-bottom: 100rpx;
+		min-height: 100vh;
+		background-color: #f5f5f5;
+		padding-bottom: 100rpx;
+
+		.user-info {
+			background-color: #fff;
+			padding: 40rpx 30rpx;
+			margin-bottom: 20rpx;
+
+			.user-header {
+				display: flex;
+				align-items: center;
+				margin-bottom: 40rpx;
+
+				.avatar {
+					width: 120rpx;
+					height: 120rpx;
+					border-radius: 60rpx;
+					margin-right: 20rpx;
+				}
+
+				.user-detail {
+					flex: 1;
+
+					.nickname {
+						font-size: 32rpx;
+						font-weight: 500;
+						color: #333;
+						margin-bottom: 10rpx;
+					}
+
+					.user-level {
+						display: flex;
+						align-items: center;
+
+						.level-icon {
+							width: 32rpx;
+							height: 32rpx;
+							margin-right: 8rpx;
+						}
+
+						.level-text {
+							font-size: 24rpx;
+							color: #666;
+						}
+					}
+				}
+
+				.edit-btn {
+					image {
+						width: 40rpx;
+						height: 40rpx;
+					}
+				}
+			}
+
+			.user-stats {
+				display: flex;
+				justify-content: space-around;
+
+				.stat-item {
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+
+					.num {
+						font-size: 36rpx;
+						font-weight: 500;
+						color: #333;
+						margin-bottom: 8rpx;
+					}
+
+					.label {
+						font-size: 24rpx;
+						color: #666;
+					}
+				}
+			}
+		}
+
+		.order-section {
+			background-color: #fff;
+			padding: 30rpx;
+			margin-bottom: 20rpx;
+
+			.section-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 30rpx;
+
+				.title {
+					font-size: 32rpx;
+					font-weight: 500;
+					color: #333;
+				}
+
+				.more {
+					display: flex;
+					align-items: center;
+
+					text {
+						font-size: 24rpx;
+						color: #666;
+						margin-right: 8rpx;
+					}
+
+					image {
+						width: 32rpx;
+						height: 32rpx;
+					}
+				}
+			}
+
+			.order-types {
+				display: flex;
+				justify-content: space-between;
+
+				.type-item {
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+
+					image {
+						width: 48rpx;
+						height: 48rpx;
+						margin-bottom: 12rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #666;
+					}
+				}
+			}
 		}
+
+		.function-list {
+			background-color: #fff;
+			padding: 0 30rpx;
+
+			.function-item {
+				display: flex;
+				align-items: center;
+				height: 100rpx;
+				border-bottom: 1rpx solid #f5f5f5;
+
+				&:last-child {
+					border-bottom: none;
+				}
+
+				image {
+					width: 40rpx;
+					height: 40rpx;
+					margin-right: 20rpx;
+
+					&.arrow {
+						width: 32rpx;
+						height: 32rpx;
+						margin-right: 0;
+						margin-left: auto;
+					}
+				}
+
+				text {
+					font-size: 28rpx;
+					color: #333;
+				}
+			}
+		}
+	}
+
+	.badge {
+		position: absolute;
+		top: -8rpx;
+		right: -8rpx;
+		background-color: #ff4d4f;
+		color: #fff;
+		font-size: 20rpx;
+		padding: 2rpx 8rpx;
+		border-radius: 16rpx;
+		min-width: 32rpx;
+		text-align: center;
+	}
+
+	.type-item {
+		position: relative;
 	}
 </style>

pages/index/index.vue

 <template>
 	<view class="container">
-		<component :is="tabComponents[curTabIndex]" />
+		<Home v-if="curTabIndex == 0"></Home>
+		<Brand v-if="curTabIndex == 1"></Brand>
+		<Integral v-if="curTabIndex == 2"></Integral>
+		<My v-if="curTabIndex == 3"></My>
 		<TabBar @tabClick="handleTabClick" />
 	</view>
 </template>
@@ -16,7 +19,6 @@
 		data() {
 			return {
 				curTabIndex: 0,
-				tabComponents: [Home, Brand, Integral, My]
 			};
 		},
 		onLoad() {},