From 025e46e11cb2962fd7692adfa401333758cc779b Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 02 九月 2025 14:00:34 +0800 Subject: [PATCH] 修改组件 --- src/pages_mine/pages/info/index.vue | 56 +++++++++++++++++--------------------------------------- 1 files changed, 17 insertions(+), 39 deletions(-) diff --git a/src/pages_mine/pages/info/index.vue b/src/pages_mine/pages/info/index.vue index dfdae6b..e8fc081 100644 --- a/src/pages_mine/pages/info/index.vue +++ b/src/pages_mine/pages/info/index.vue @@ -2,36 +2,12 @@ <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 icon="account" title="鏄电О" :value="user.nickName" /> + <u-cell icon="phone" title="鎵嬫満鍙风爜" :value="user.phonenumber" /> + <u-cell icon="email" title="閭" :value="user.email" /> + <u-cell icon="order" title="宀椾綅" :value="postGroup" /> + <u-cell icon="star" title="瑙掕壊" :value="roleGroup" /> + <u-cell icon="calendar" title="鍒涘缓鏃ユ湡" :value="user.createTime" /> </u-cell-group> </view> @@ -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