维护

WXL

昨天 c80bc467a41daa6cbae4e5515a300a8ca98cfeaa

 pages/my/index.vue

@@ -4,21 +4,21 @@
    <view class="user-card">
      <view class="user-info" @tap="navigateTo('/pagesSub/my/profile')">
        <image
        v-if="userInfo.sex == 1"
          v-if="userInfo.sex == 1"
          src="@/static/avatar/yisn.jpg"
          mode="aspectFill"
          class="avatar"
        />
        <image
        v-else
          v-else
          src="@/static/avatar/yisna.jpg"
          mode="aspectFill"
          class="avatar"
        />
        

        <view class="info">
          <text class="name">{{ userInfo.nickName }}</text>
          <text class="id">账号：{{ userInfo.createBy }}</text>
          <text class="id">账号：{{ userInfo.userName }}</text>
          <!-- 添加协调员信息 -->
          <text class="coordinator" v-if="userInfo.coordinatorName">
            协调员：{{ userInfo.coordinatorName }}
@@ -35,7 +35,7 @@
    </view>

    <!-- 快速入口 -->
    <view class="quick-access">
    <view class="quick-access" @tap="navigateTo('/pagesSub/case/index')">
      <!-- <view
        class="access-item"
        v-for="(item, index) in quickAccess"
@@ -88,6 +88,16 @@

    <!-- 退出登录 -->
    <view class="logout-btn" @tap="handleLogout"> 退出登录 </view>
    <view class="footer-wrapper">
      <view class="footer">
        <text class="tech-text">技术支持：</text>
        <image src="/static/Hrs.png" class="tech-logo" mode="aspectFit" />
        <text class="tech-text">浙江亥尔时科技有限公司</text>
      </view>
      <view class="footer-item">
        <text class="footer-text">服务热线：17778760073</text>
      </view>
    </view>
  </view>
</template>

@@ -261,6 +271,8 @@
  min-height: 100vh;
  background: $bg-color;
  padding-bottom: 40rpx;
  display: flex;
  flex-direction: column;

  .user-card {
    background: $primary-gradient;
@@ -362,6 +374,7 @@
  .function-list {
    margin-top: 20rpx;
    margin-left: 5rpx;
    flex: 1; /* 新增：占据剩余空间 */
    .section {
      margin-bottom: 20rpx;

@@ -449,4 +462,40 @@
    }
  }
}
/* 底部统一样式 */
.footer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10rpx 0 20rpx; /* 减少内边距，更紧凑 */
  margin-top: 20rpx; /* 与上方内容保持间距 */
}

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tech-logo {
  width: 40rpx;
  height: 40rpx;
  margin: 0 8rpx;
}

.footer-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-text {
  font-size: 22rpx;
  color: #b0b0b0;
}

.tech-text {
  font-size: 24rpx;
  color: #999;
}
</style>