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

- 替换标题背景图片并更新引用路径
- 添加Vite基础路径配置
- 移除部分页面中的导航栏和banner区域
- 调整实时信息页面的样式和颜色
- 优化代码格式和字体定义
This commit is contained in:
34701892@qq.com 2026-02-03 17:13:59 +08:00
parent a00988529d
commit d3b3c7e1d6
6 changed files with 80 additions and 28 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -6,7 +6,7 @@
</template> </template>
<script setup lang="ts"> <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({ const props = defineProps({
// //

View File

@ -1,14 +1,14 @@
<template> <template>
<view class="container"> <view class="container">
<!-- 导航栏 start --> <!-- 导航栏 start -->
<view class="custom-bav-bar"> <!-- <view class="custom-bav-bar">
<view class="left"> <view class="left">
<image src="@/static/icon_left.png" class="back_icon" @click="handleBack" /> <image src="@/static/icon_left.png" class="back_icon" @click="handleBack" />
</view> </view>
<view class="center"> <view class="center">
<image src="@/assets/images/detail_logo.png" class="logo_icon" /> <image src="@/assets/images/detail_logo.png" class="logo_icon" />
</view> </view>
</view> </view> -->
<!-- 文章正文 start --> <!-- 文章正文 start -->
<Article :data="data" /> <Article :data="data" />
@ -146,7 +146,7 @@ const wxShare = () => {
JSON.stringify({ JSON.stringify({
id: data.value.id, id: data.value.id,
type: newType.value, type: newType.value,
}) }),
); );
link += `?path=${path}&query=${query}`; link += `?path=${path}&query=${query}`;
// console.log("🚀 ~ WXconfig ~ link:", link); // console.log("🚀 ~ WXconfig ~ link:", link);

View File

@ -58,7 +58,16 @@
<indexMenuTitle title="资讯评分分布区间"></indexMenuTitle> <indexMenuTitle title="资讯评分分布区间"></indexMenuTitle>
<Line style="margin-top: 30rpx" :data="lineData"></Line> <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> <InfoSummary style="width: 85%" :count="newsNum"></InfoSummary>
</view> </view>
</view> </view>
@ -66,7 +75,17 @@
<view style="background-color: white; margin-top: 40rpx"> <view style="background-color: white; margin-top: 40rpx">
<div style="display: flex; justify-content: space-between; align-items: center"> <div style="display: flex; justify-content: space-between; align-items: center">
<indexMenuTitle title="资讯头条 Top20"></indexMenuTitle> <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] }} {{ chooseDate.startDate.split(" ")[0] }}
<u-icon name="calendar" size="26" style="margin-right: 10rpx"></u-icon> <u-icon name="calendar" size="26" style="margin-right: 10rpx"></u-icon>
</view> </view>
@ -81,7 +100,9 @@
</view> </view>
<view style="background-color: white; margin-top: 40rpx"> <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> <indexMenuTitle title="热门行业池 Top10"></indexMenuTitle>
<view style="display: flex; gap: 3rpx"> <view style="display: flex; gap: 3rpx">
<text class="view-all" @click="onViewAll(0)">查看全部</text> <text class="view-all" @click="onViewAll(0)">查看全部</text>
@ -93,7 +114,9 @@
</view> </view>
<view style="background-color: white; margin-top: 40rpx"> <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> <indexMenuTitle title="风口概念池 Top10"></indexMenuTitle>
<view style="display: flex; gap: 3rpx"> <view style="display: flex; gap: 3rpx">
<text class="view-all" @click="onViewAll(1)">查看全部</text> <text class="view-all" @click="onViewAll(1)">查看全部</text>
@ -110,7 +133,8 @@
:show="LoginShow" :show="LoginShow"
@handlePopupClose="handlePopupClose" @handlePopupClose="handlePopupClose"
@handlePopupSuccessCallback="handlePopupSuccessCallback" @handlePopupSuccessCallback="handlePopupSuccessCallback"
@handlePopupErrorCallback="handlePopupErrorCallback" /> @handlePopupErrorCallback="handlePopupErrorCallback"
/>
<u-calendar <u-calendar
:show="calendarShow" :show="calendarShow"
@ -121,7 +145,8 @@
monthNum="12" monthNum="12"
:key="chooseDate.startDate" :key="chooseDate.startDate"
@confirm="calendarConfirm" @confirm="calendarConfirm"
@close="calendarShow = false"> @close="calendarShow = false"
>
</u-calendar> </u-calendar>
</view> </view>
</template> </template>
@ -138,7 +163,15 @@ import tagicon_2 from "@/assets/zixun/tagicon_2.png";
import LoginPopup from "@/components/loginPopup/index.vue"; import LoginPopup from "@/components/loginPopup/index.vue";
import { Session } from "@/utils/storage"; 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 countTo from "@/components/count-to/vue-countTo.vue";
import RankList from "@/components/RankList.vue"; // import RankList from "@/components/RankList.vue"; //
import InfoSummary from "@/components/InfoSummary.vue"; // import InfoSummary from "@/components/InfoSummary.vue"; //
@ -396,7 +429,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
} }
text { text {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
@ -439,7 +474,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
} }
.tag_title { .tag_title {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #222222; color: #222222;
@ -447,7 +484,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
} }
.tag_num { .tag_num {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 38rpx; font-size: 38rpx;
color: #222222; color: #222222;
@ -455,7 +494,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
} }
.tag_status { .tag_status {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 22rpx;
color: #999999; color: #999999;

View File

@ -2,13 +2,13 @@
<!-- 顶部 banner 区域 --> <!-- 顶部 banner 区域 -->
<view class="all"> <view class="all">
<!-- banner start --> <!-- banner start -->
<view class="banner"> <!-- <view class="banner">
<img :src="bannerImg" class="banner_bk" /> <img :src="bannerImg" class="banner_bk" />
<view class="r_banner_title"> <view class="r_banner_title">
<img :src="bannerTitle2" class="banner_title" /> <img :src="bannerTitle2" class="banner_title" />
<text>数据更新时间:{{ dayjs(new Date().getTime()).format("YYYY-MM-DD") }}</text> <text>数据更新时间:{{ dayjs(new Date().getTime()).format("YYYY-MM-DD") }}</text>
</view> </view>
</view> </view> -->
<!-- banner end --> <!-- banner end -->
<view> <view>
@ -96,7 +96,7 @@
<RankList hasTag :newsList="newsList" :needExp="false"></RankList> <RankList hasTag :newsList="newsList" :needExp="false"></RankList>
</view> </view>
<view class="logout" @click="loginOut" v-if="Session.get('token')">退出登录</view> <!-- <view class="logout" @click="loginOut" v-if="Session.get('token')">退出登录</view> -->
<LoginPopup <LoginPopup
:show="LoginShow" :show="LoginShow"
@ -350,7 +350,9 @@ onMounted(async () => {
} }
text { text {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
@ -393,7 +395,9 @@ onMounted(async () => {
} }
.tag_title { .tag_title {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #222222; color: #222222;
@ -401,7 +405,9 @@ onMounted(async () => {
} }
.tag_num { .tag_num {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 38rpx; font-size: 38rpx;
color: #222222; color: #222222;
@ -409,7 +415,9 @@ onMounted(async () => {
} }
.tag_status { .tag_status {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 22rpx;
color: #999999; color: #999999;
@ -482,8 +490,8 @@ onMounted(async () => {
} }
.active { .active {
border: 1px solid #3c74f1; border: 1px solid #ed971f;
background-color: #3c74f1; background-color: #ed971f;
color: #fff; color: #fff;
} }
} }
@ -532,7 +540,9 @@ onMounted(async () => {
} }
.sreach_text { .sreach_text {
font-family: PingFangSC, PingFang SC; font-family:
PingFangSC,
PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;

View File

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