style

lxf

2025-07-15 691b86ca853959f5beb3db9b25d0a4a9929dd40f

 src/views/my/newindex.vue

@@ -2,11 +2,14 @@
  <div class="pb-30">
    <!-- 顶部用户信息卡片 -->
    <div class="mt-20 mx-17 pt-24 px-14 flex h-120 box-border bgimg">
      <div class="w-65 h-65 rounded-full"></div>
      <div class="w-50 h-50 rounded-full">
        <van-icon name="contact" size="50" color="#fff" />
        <!-- <img :src="userStore.userInfo.avatar" alt=""> -->
      </div>
      <div class="text-white flex-1 ml-9">
        <div class="text-19 font-bold">{{userStore.userInfo.username}}</div>
        <div class="text-24 font-bold">{{ userStore.userInfo.username }}</div>
        <div class="flex">
          <div class="text-10">ID: {{userStore.userInfo.usercode}}</div>
          <div class="text-14">ID: {{ userStore.userInfo.usercode }}</div>
        </div>
        <!-- <div class="text-10 block">信用分: 100</div> -->
      </div>
@@ -16,13 +19,8 @@
    <div class="mt-20 px-17">
      <div class="text-22 font-medium">{{ t('账号') }} {{ t('详情') }}</div>
      <div class="mt-15 p-15 rounded-15 bg-#f5f7f9">
        <div 
          v-for="(item, index) in accountItems" 
          :key="index"
          class="flex items-center justify-between text-16"
          :class="{'mt-15': index > 0}"
           @click="onRoute(item.path)"
        >
        <div v-for="(item, index) in accountItems" :key="index" class="flex items-center justify-between text-16"
          :class="{ 'mt-15': index > 0 }" @click="onRoute(item.path)">
          <div class="flex items-center">
            <img :src="`${item.icon}`" class="w-20 h-20">
            <div class="ml-10">{{ item.title }}</div>
@@ -41,13 +39,8 @@
     <div class="mt-20 px-17">
      <div class="text-22 font-medium">{{ t('帮助')}}</div>
      <div class="mt-15 p-15 rounded-15 bg-#f5f7f9">
        <div 
          v-for="(item, index) in helpItems" 
          :key="index"
          class="flex items-center justify-between text-16"
          :class="{'mt-15': index > 0}"
          @click="onRoute(item.path)"
        >
        <div v-for="(item, index) in helpItems" :key="index" class="flex items-center justify-between text-16"
          :class="{ 'mt-15': index > 0 }" @click="onRoute(item.path)">
          <div v-if="item.button" class="flex items-center" @click="loginOut">
            <img :src="`${item.icon}`" class="w-20 h-20">
            <div class="ml-10">{{ item.title }}</div>
@@ -237,6 +230,7 @@
.bgimg {
  background: url('@/assets/imgs/bg-account.png') 0% 0% / cover;
}

:deep(.van-cell-group__title) {
  background: $main2_background !important;
  padding: 12px 16px;