diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..b23d8d5 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,14 @@ +# 构建阶段 - 使用国内镜像源 +FROM hub-mirror.c.163.com/library/node:16 AS build-stage +WORKDIR /app +COPY package*.json ./ +RUN npm install +COPY . . +RUN npm run build + +# 生产阶段 - 使用国内镜像源 +FROM hub-mirror.c.163.com/library/nginx:alpine AS production-stage +COPY --from=build-stage /app/dist /usr/share/nginx/html +COPY nginx.conf /etc/nginx/conf.d/default.conf +EXPOSE 80 +CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file diff --git a/nginx.conf b/nginx.conf new file mode 100644 index 0000000..4f8cb17 --- /dev/null +++ b/nginx.conf @@ -0,0 +1,11 @@ +server { + listen 80; + server_name localhost; + root /usr/share/nginx/html; + index index.html; + + # 支持前端路由 + location / { + try_files $uri $uri/ /index.html; + } +} \ No newline at end of file diff --git a/src/views/user/567.png b/src/assets/user/567.png similarity index 100% rename from src/views/user/567.png rename to src/assets/user/567.png diff --git a/src/views/user/79.png b/src/assets/user/79.png similarity index 100% rename from src/views/user/79.png rename to src/assets/user/79.png diff --git a/src/views/user/91221.png b/src/assets/user/91221.png similarity index 100% rename from src/views/user/91221.png rename to src/assets/user/91221.png diff --git a/src/views/user/ai.png b/src/assets/user/ai.png similarity index 100% rename from src/views/user/ai.png rename to src/assets/user/ai.png diff --git a/src/views/user/bbs.png b/src/assets/user/bbs.png similarity index 100% rename from src/views/user/bbs.png rename to src/assets/user/bbs.png diff --git a/src/views/user/boss.png b/src/assets/user/boss.png similarity index 100% rename from src/views/user/boss.png rename to src/assets/user/boss.png diff --git a/src/views/user/cgtn.png b/src/assets/user/cgtn.png similarity index 100% rename from src/views/user/cgtn.png rename to src/assets/user/cgtn.png diff --git a/src/views/user/daxia.png b/src/assets/user/daxia.png similarity index 100% rename from src/views/user/daxia.png rename to src/assets/user/daxia.png diff --git a/src/views/user/gaishi.png b/src/assets/user/gaishi.png similarity index 100% rename from src/views/user/gaishi.png rename to src/assets/user/gaishi.png diff --git a/src/views/user/gg.png b/src/assets/user/gg.png similarity index 100% rename from src/views/user/gg.png rename to src/assets/user/gg.png diff --git a/src/views/user/haijing.png b/src/assets/user/haijing.png similarity index 100% rename from src/views/user/haijing.png rename to src/assets/user/haijing.png diff --git a/src/views/user/huanqiu.png b/src/assets/user/huanqiu.png similarity index 100% rename from src/views/user/huanqiu.png rename to src/assets/user/huanqiu.png diff --git a/src/views/user/jiang.png b/src/assets/user/jiang.png similarity index 100% rename from src/views/user/jiang.png rename to src/assets/user/jiang.png diff --git a/src/views/user/kongtian.png b/src/assets/user/kongtian.png similarity index 100% rename from src/views/user/kongtian.png rename to src/assets/user/kongtian.png diff --git a/src/views/user/lao.png b/src/assets/user/lao.png similarity index 100% rename from src/views/user/lao.png rename to src/assets/user/lao.png diff --git a/src/views/user/luxian.png b/src/assets/user/luxian.png similarity index 100% rename from src/views/user/luxian.png rename to src/assets/user/luxian.png diff --git a/src/views/user/qian.png b/src/assets/user/qian.png similarity index 100% rename from src/views/user/qian.png rename to src/assets/user/qian.png diff --git a/src/views/user/shenhai.png b/src/assets/user/shenhai.png similarity index 100% rename from src/views/user/shenhai.png rename to src/assets/user/shenhai.png diff --git a/src/views/user/slider_curr.svg b/src/assets/user/slider_curr.svg similarity index 100% rename from src/views/user/slider_curr.svg rename to src/assets/user/slider_curr.svg diff --git a/src/views/user/tang.png b/src/assets/user/tang.png similarity index 100% rename from src/views/user/tang.png rename to src/assets/user/tang.png diff --git a/src/views/user/xinlang.png b/src/assets/user/xinlang.png similarity index 100% rename from src/views/user/xinlang.png rename to src/assets/user/xinlang.png diff --git a/src/components/ScrollContainer.vue b/src/components/ScrollContainer.vue index 2b75000..1bc0bb4 100644 --- a/src/components/ScrollContainer.vue +++ b/src/components/ScrollContainer.vue @@ -3,7 +3,7 @@
- 人物头像 +
{{ item.commenter }}
{{ item.comment }}
diff --git a/src/views/Main.vue b/src/views/Main.vue index 8d1e349..8d01d4a 100644 --- a/src/views/Main.vue +++ b/src/views/Main.vue @@ -3,23 +3,33 @@
-
  • -
  • -
  • -
  • -
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • -
  • 最初首发者:   {{ currentItem.earler }}
  • -
  • 积极评论者:{{ currentItem.comenter - }}
  • -
  • 积极转发者:{{ - currentItem.switcher }}
  • -
  • 锚点用户:   {{ - currentItem.keyuser}}
  • +
  • 最初首发者:   {{ currentItem.earler }}
  • +
  • 积极评论者:{{ currentItem.comenter + }}
  • +
  • 积极转发者:{{ + currentItem.switcher }}
  • +
  • 锚点用户:   {{ + currentItem.keyuser }}
  • @@ -27,8 +37,7 @@
    - - +
    {{ currentDetailItem.name }}
    @@ -120,9 +129,9 @@ 粉丝数: {{ item.number }} 推荐监控频率{{ item.transmit }}
    - +
  • @@ -217,7 +226,7 @@
    @@ -1397,6 +1420,7 @@ onUnmounted(() => { position: relative; z-index: 1; } + .time span { font-family: LCD2; font-weight: 400; @@ -1408,6 +1432,7 @@ onUnmounted(() => { margin-right: 80px; margin-top: -148px; } + .search { width: 530px; height: 48px; @@ -1738,13 +1763,20 @@ onUnmounted(() => { margin-left: 150px; margin-top: -20px; } + .divider { - height: 1px; /* 必须设置高度才能显示 */ - background-color: #e5e5e5; /* 确保颜色与背景有对比度 */ - margin: 8px 0; /* 上下间距 */ - list-style: none; /* 移除默认列表样式 */ - width: 100%; /* 确保宽度足够 */ + height: 1px; + /* 必须设置高度才能显示 */ + background-color: #e5e5e5; + /* 确保颜色与背景有对比度 */ + margin: 8px 0; + /* 上下间距 */ + list-style: none; + /* 移除默认列表样式 */ + width: 100%; + /* 确保宽度足够 */ } + .suggestions li { padding: 8px; cursor: pointer; @@ -1830,6 +1862,7 @@ onUnmounted(() => { height: 200px; max-height: 200px; } + .intime li { list-style-type: none; padding-left: 0; @@ -1862,7 +1895,7 @@ onUnmounted(() => { } .containner3-img { - margin-top:5px; + margin-top: 5px; } .focus-events { @@ -2315,6 +2348,7 @@ onUnmounted(() => { .back-home-btn:active { background-color: #0a1949; } + .chart-tabs { margin-top: -80px; display: flex; @@ -2335,16 +2369,17 @@ onUnmounted(() => { transition: all 0.3s ease; font-family: OPPOSans; font-weight: 300; - font-size: 14px; - color: #E1F4FF; - border: 1px solid #1C588F; - line-height: 18px; - letter-spacing: 0%; - text-align: center; - display: inline-block; - vertical-align: middle; - cursor: pointer; + font-size: 14px; + color: #E1F4FF; + border: 1px solid #1C588F; + line-height: 18px; + letter-spacing: 0%; + text-align: center; + display: inline-block; + vertical-align: middle; + cursor: pointer; } + /* 为第一个按钮设置左侧圆角 */ .chart-tabs button:first-child { border-radius: 8px 0 0 8px; @@ -2359,6 +2394,7 @@ onUnmounted(() => { .chart-tabs button:not(:first-child):not(:last-child) { border-radius: 0; } + .chart-tabs button.active-tab { margin-top: 60px; background-color: #236291; diff --git a/vite.config.js b/vite.config.js index 0877c13..e4c4b7a 100644 --- a/vite.config.js +++ b/vite.config.js @@ -6,7 +6,19 @@ export default defineConfig({ plugins: [vue()], resolve: { alias: { - '@': path.resolve(__dirname, 'src') + '@': path.resolve(__dirname, './src') } } -}); \ No newline at end of file +}) + // server: { + // port: 5500, // 自定义端口 + // host: true, //false只允许127.0.0.0本地访问,true表示统一局域网的人都能通过ip访问 + // open: true, // 自动打开浏览器 + // proxy: { // API代理 前端发起以/api/xx的请求,都会被Vite的开发服务器拦截,并转发到目标服务器。 + // '/api': { + // target: 'http://backend:8080', + // changeOrigin: true, + // rewrite: (path) => path.replace(/^\/api/, '') + // } + // } + // }