feat: 更新UI样式和配置，优化页面布局

- 替换标题背景图片并更新引用路径 - 添加Vite基础路径配置 - 移除部分页面中的导航栏和banner区域 - 调整实时信息页面的样式和颜色 - 优化代码格式和字体定义
2026-02-03 17:13:59 +08:00 · 2026-02-03 17:13:59 +08:00 · d3b3c7e1d6
parent a00988529d
commit d3b3c7e1d6
6 changed files with 80 additions and 28 deletions
--- a/src/assets/zixun/title_bg1.png
+++ b/src/assets/zixun/title_bg1.png
--- a/src/components/indexMenuTitle.vue
+++ b/src/components/indexMenuTitle.vue
@ -6,7 +6,7 @@
 </template>

 <script setup lang="ts">
-import title_bg from "@/assets/zixun/title_bg.png";
+import title_bg from "@/assets/zixun/title_bg1.png";

 const props = defineProps({
  // 列表内容
--- a/src/pages/detail/indexNewsInfo.vue
+++ b/src/pages/detail/indexNewsInfo.vue
@ -1,14 +1,14 @@
 <template>
  <view class="container">
    <!-- 导航栏 start -->
-    <view class="custom-bav-bar">
+    <!-- <view class="custom-bav-bar">
      <view class="left">
        <image src="@/static/icon_left.png" class="back_icon" @click="handleBack" />
      </view>
      <view class="center">
        <image src="@/assets/images/detail_logo.png" class="logo_icon" />
      </view>
-    </view>
+    </view> -->

    <!-- 文章正文 start -->
    <Article :data="data" />
@ -146,7 +146,7 @@ const wxShare = () => {
    JSON.stringify({
      id: data.value.id,
      type: newType.value,
-    })
+    }),
  );
  link += `?path=${path}&query=${query}`;
  // console.log("🚀 ~ WXconfig ~ link:", link);
--- a/src/pages/realtimeInfo/index.vue
+++ b/src/pages/realtimeInfo/index.vue
@ -58,7 +58,16 @@
      <indexMenuTitle title="资讯评分分布区间"></indexMenuTitle>
      <Line style="margin-top: 30rpx" :data="lineData"></Line>

-      <view style="display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; padding-bottom: 30rpx">
+      <view
+        style="
+          display: flex;
+          flex-direction: column;
+          text-align: center;
+          justify-content: center;
+          align-items: center;
+          padding-bottom: 30rpx;
+        "
+      >
        <InfoSummary style="width: 85%" :count="newsNum"></InfoSummary>
      </view>
    </view>
@ -66,7 +75,17 @@
    <view style="background-color: white; margin-top: 40rpx">
      <div style="display: flex; justify-content: space-between; align-items: center">
        <indexMenuTitle title="资讯头条 Top20"></indexMenuTitle>
-        <view style="display: flex; align-items: center; margin-right: 15rpx; font-size: 30rpx; gap: 10rpx; margin-top: 10rpx" @click="showCalendar">
+        <view
+          style="
+            display: flex;
+            align-items: center;
+            margin-right: 15rpx;
+            font-size: 30rpx;
+            gap: 10rpx;
+            margin-top: 10rpx;
+          "
+          @click="showCalendar"
+        >
          {{ chooseDate.startDate.split(" ")[0] }}
          <u-icon name="calendar" size="26" style="margin-right: 10rpx"></u-icon>
        </view>
@ -81,7 +100,9 @@
    </view>

    <view style="background-color: white; margin-top: 40rpx">
-      <view style="display: flex; justify-content: space-between; align-items: center; padding-right: 30rpx; height: 100rpx">
+      <view
+        style="display: flex; justify-content: space-between; align-items: center; padding-right: 30rpx; height: 100rpx"
+      >
        <indexMenuTitle title="热门行业池 Top10"></indexMenuTitle>
        <view style="display: flex; gap: 3rpx">
          <text class="view-all" @click="onViewAll(0)">查看全部</text>
@ -93,7 +114,9 @@
    </view>

    <view style="background-color: white; margin-top: 40rpx">
-      <view style="display: flex; justify-content: space-between; align-items: center; padding-right: 30rpx; height: 100rpx">
+      <view
+        style="display: flex; justify-content: space-between; align-items: center; padding-right: 30rpx; height: 100rpx"
+      >
        <indexMenuTitle title="风口概念池 Top10"></indexMenuTitle>
        <view style="display: flex; gap: 3rpx">
          <text class="view-all" @click="onViewAll(1)">查看全部</text>
@ -110,7 +133,8 @@
      :show="LoginShow"
      @handlePopupClose="handlePopupClose"
      @handlePopupSuccessCallback="handlePopupSuccessCallback"
-      @handlePopupErrorCallback="handlePopupErrorCallback" />
+      @handlePopupErrorCallback="handlePopupErrorCallback"
+    />

    <u-calendar
      :show="calendarShow"
@ -121,7 +145,8 @@
      monthNum="12"
      :key="chooseDate.startDate"
      @confirm="calendarConfirm"
-      @close="calendarShow = false">
+      @close="calendarShow = false"
+    >
    </u-calendar>
  </view>
 </template>
@ -138,7 +163,15 @@ import tagicon_2 from "@/assets/zixun/tagicon_2.png";
 import LoginPopup from "@/components/loginPopup/index.vue";
 import { Session } from "@/utils/storage";

-import { getindustryCount, getConceptCount, getTopNews, getTopIndustry_d, getTopConcept_d, getNews_cnt_d, newsInfoScore } from "@/api/newsInfo";
+import {
+  getindustryCount,
+  getConceptCount,
+  getTopNews,
+  getTopIndustry_d,
+  getTopConcept_d,
+  getNews_cnt_d,
+  newsInfoScore,
+} from "@/api/newsInfo";
 import countTo from "@/components/count-to/vue-countTo.vue";
 import RankList from "@/components/RankList.vue"; // 路径根据实际调整
 import InfoSummary from "@/components/InfoSummary.vue"; // 路径根据实际调整
@ -396,7 +429,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
  }

  text {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: rgba(255, 255, 255, 0.8);
@ -439,7 +474,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
  }

  .tag_title {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #222222;
@ -447,7 +484,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
  }

  .tag_num {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: bold;
    font-size: 38rpx;
    color: #222222;
@ -455,7 +494,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
  }

  .tag_status {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: 400;
    font-size: 22rpx;
    color: #999999;
--- a/src/pages/realtimeInfo/indexRelease.vue
+++ b/src/pages/realtimeInfo/indexRelease.vue
@ -2,13 +2,13 @@
  <!-- 顶部 banner 区域 -->
  <view class="all">
    <!-- banner start -->
-    <view class="banner">
+    <!-- <view class="banner">
      <img :src="bannerImg" class="banner_bk" />
      <view class="r_banner_title">
        <img :src="bannerTitle2" class="banner_title" />
        <text>数据更新时间:{{ dayjs(new Date().getTime()).format("YYYY-MM-DD") }}</text>
      </view>
-    </view>
+    </view> -->
    <!-- banner end -->

    <view>
@ -96,7 +96,7 @@
      <RankList hasTag :newsList="newsList" :needExp="false"></RankList>
    </view>

-    <view class="logout" @click="loginOut" v-if="Session.get('token')">退出登录</view>
+    <!-- <view class="logout" @click="loginOut" v-if="Session.get('token')">退出登录</view> -->

    <LoginPopup
      :show="LoginShow"
@ -350,7 +350,9 @@ onMounted(async () => {
  }

  text {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: rgba(255, 255, 255, 0.8);
@ -393,7 +395,9 @@ onMounted(async () => {
  }

  .tag_title {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #222222;
@ -401,7 +405,9 @@ onMounted(async () => {
  }

  .tag_num {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: bold;
    font-size: 38rpx;
    color: #222222;
@ -409,7 +415,9 @@ onMounted(async () => {
  }

  .tag_status {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
    font-weight: 400;
    font-size: 22rpx;
    color: #999999;
@ -482,8 +490,8 @@ onMounted(async () => {
  }

  .active {
-    border: 1px solid #3c74f1;
-    background-color: #3c74f1;
+    border: 1px solid #ed971f;
+    background-color: #ed971f;
    color: #fff;
  }
 }
@ -532,7 +540,9 @@ onMounted(async () => {
 }

 .sreach_text {
-  font-family: PingFangSC, PingFang SC;
+  font-family:
+    PingFangSC,
+    PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
--- a/vite.config.ts
+++ b/vite.config.ts
@ -4,15 +4,16 @@ import { resolve } from "path";

 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "/nbyhhaiwai/",
  plugins: [uni()],
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `
          @import "@/assets/style/variable.scss";
-        `
-      }
-    }
+        `,
+      },
+    },
  },

  server: {