From 7a0ffb0048adeda9ebfbca1d0b525eb224c173e3 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 29 八月 2025 17:00:16 +0800
Subject: [PATCH] 修改组件
---
src/pages_mine/pages/info/index.vue | 60 +++++++++++++++++++-----------------------------------------
1 files changed, 19 insertions(+), 41 deletions(-)
diff --git a/src/pages_mine/pages/info/index.vue b/src/pages_mine/pages/info/index.vue
index dfdae6b..6fb2356 100644
--- a/src/pages_mine/pages/info/index.vue
+++ b/src/pages_mine/pages/info/index.vue
@@ -1,38 +1,14 @@
<template>
<view class="container">
<view class="card">
- <u-cell-group>
- <u-cell title="鏄电О" :value="user.nickName">
- <template #icon>
- <u-icon name="account" size="18" />
- </template>
- </u-cell>
- <u-cell title="鎵嬫満鍙风爜" :value="user.phonenumber">
- <template #icon>
- <u-icon name="phone" size="18" />
- </template>
- </u-cell>
- <u-cell title="閭" :value="user.email">
- <template #icon>
- <u-icon name="email" size="18" />
- </template>
- </u-cell>
- <u-cell title="宀椾綅" :value="postGroup">
- <template #icon>
- <u-icon name="star" size="18" />
- </template>
- </u-cell>
- <u-cell title="瑙掕壊" :value="roleGroup">
- <template #icon>
- <u-icon name="account-circle" size="18" />
- </template>
- </u-cell>
- <u-cell title="鍒涘缓鏃ユ湡" :value="user.createTime">
- <template #icon>
- <u-icon name="calendar" size="18" />
- </template>
- </u-cell>
- </u-cell-group>
+ <van-cell-group>
+ <van-cell icon="user" title="鏄电О" :value="user.nickName" />
+ <van-cell icon="phone" title="鎵嬫満鍙风爜" :value="user.phonenumber" />
+ <van-cell icon="invitation" title="閭" :value="user.email" />
+ <van-cell icon="medal" title="宀椾綅" :value="postGroup" />
+ <van-cell icon="friends" title="瑙掕壊" :value="roleGroup" />
+ <van-cell icon="notes" title="鍒涘缓鏃ユ湡" :value="user.createTime" />
+ </van-cell-group>
</view>
<!-- <u-button @click="register()">缁戝畾寰俊</u-button> -->
@@ -78,29 +54,31 @@
.container {
min-height: 100vh;
- padding: 0;
+ padding: 0; /* 24rpx -> 0.75rem */
box-sizing: border-box;
}
/* 鍒楄〃鍗＄墖瀹瑰櫒 */
.card {
background-color: #ffffff;
- box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.06);
+ box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.06); /* 0 12rpx 32rpx -> 0 0.375rem 1rem */
overflow: hidden;
}
-/* 閫傞厤 uview-plus Cell */
-:deep(.u-cell) {
- min-height: 3rem;
+/* 閫傞厤 Vant Cell */
+:deep(.van-cell) {
+ min-height: 3rem; /* 92rpx -> 2.875rem */
align-items: center;
}
-:deep(.u-cell__title) {
+:deep(.van-cell__title) {
font-weight: 500;
- color: #1f2937;
+ color: #1f2937; /* 娣辩伆 */
}
-:deep(.u-cell__value) {
- color: #6b7280;
+:deep(.van-cell__value) {
+ color: #6b7280; /* 娆¤鐏� */
}
+
+/* 绉婚櫎涓嶅啀浣跨敤鐨� .cell-icon 鏍峰紡 */
</style>
--
Gitblit v1.9.3