修改组件

gaoluyang

6 天以前 7a0ffb0048adeda9ebfbca1d0b525eb224c173e3

 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>