From d34f4e33ff328a05228b803285b17c6432ae9c16 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 25 八月 2025 10:44:49 +0800
Subject: [PATCH] '我的'页面样式修改
---
src/pages_mine/pages/info/index.vue | 55 +++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 43 insertions(+), 12 deletions(-)
diff --git a/src/pages_mine/pages/info/index.vue b/src/pages_mine/pages/info/index.vue
index 287aa9f..b2f87bd 100644
--- a/src/pages_mine/pages/info/index.vue
+++ b/src/pages_mine/pages/info/index.vue
@@ -1,17 +1,17 @@
<template>
<view class="container">
- <uni-list>
- <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'person-filled' }" title="鏄电О" :rightText="user.nickName" />
- <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'phone-filled' }" title="鎵嬫満鍙风爜"
- :rightText="user.phonenumber" />
- <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'email-filled' }" title="閭" :rightText="user.email" />
- <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'auth-filled' }" title="宀椾綅" :rightText="postGroup" />
- <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'staff-filled' }" title="瑙掕壊" :rightText="roleGroup" />
- <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="鍒涘缓鏃ユ湡"
- :rightText="user.createTime" />
- </uni-list>
+ <view class="card">
+ <van-cell-group inset>
+ <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>
+ <!-- <u-button @click="register()">缁戝畾寰俊</u-button> -->
</view>
</template>
@@ -47,7 +47,38 @@
</script>
<style lang="scss">
+/* 鑳屾櫙鏇存煍鍜岋紝鍗＄墖鏇寸獊鍑� */
page {
- background-color: #ffffff;
+ background-color: #f5f7fb;
}
+
+.container {
+ min-height: 100vh;
+ padding: 0.75rem; /* 24rpx -> 0.75rem */
+ box-sizing: border-box;
+}
+
+/* 鍒楄〃鍗＄墖瀹瑰櫒 */
+.card {
+ background-color: #ffffff;
+ border-radius: 0.625rem; /* 20rpx -> 0.625rem */
+ box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.06); /* 0 12rpx 32rpx -> 0 0.375rem 1rem */
+ overflow: hidden;
+}
+
+/* 閫傞厤 Vant Cell */
+:deep(.van-cell) {
+ min-height: 2.875rem; /* 92rpx -> 2.875rem */
+}
+
+:deep(.van-cell__title) {
+ font-weight: 500;
+ color: #1f2937; /* 娣辩伆 */
+}
+
+:deep(.van-cell__value) {
+ color: #6b7280; /* 娆¤鐏� */
+}
+
+/* 绉婚櫎涓嶅啀浣跨敤鐨� .cell-icon 鏍峰紡 */
</style>
--
Gitblit v1.9.3