1

admin

2026-01-11 9cb99d3e0db2c59f334d1f670ae74ead12717b2d

 src/App.vue

@@ -6,9 +6,9 @@
        <div slot="right" class="header-right">
          <!-- 消息图标 - 始终显示（如果已登录） -->
          <div class="message-icon-wrapper" @click="goToMessage" v-if="isLoggedIn">
            <svg class="message-icon" viewBox="0 0 24 24" fill="currentColor">
            <!-- <svg class="message-icon" viewBox="0 0 24 24" fill="currentColor">
              <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
            </svg>
            </svg> -->
            <span v-if="unreadCount > 0" class="message-badge">{{ unreadCount > 99 ? '99+' : unreadCount }}</span>
          </div>
          <!-- 其他图标 -->
@@ -222,6 +222,18 @@
</script>

<style lang="less" scoped>
// 全局隐藏滚动条
/deep/ html,
/deep/ body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  &::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
    width: 0;
    height: 0;
  }
}

/deep/ .van-list__finished-text {
  line-height: 1.925926rem !important;
}
@@ -268,6 +280,14 @@
    // height: calc(100% - 1rem);
    box-sizing: border-box;
    overflow-y: auto;
    // 隐藏滚动条
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    &::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
      width: 0;
      height: 0;
    }
  }

  &.red-theme {
@@ -472,3 +492,31 @@
  }
}
</style>

<style lang="less">
/* 全局隐藏滚动条 - 确保整个项目都不显示滚动条 */
html,
body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
  width: 0;
  height: 0;
}

/* 隐藏所有元素的滚动条 */
* {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

*::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
  width: 0;
  height: 0;
}
</style>