DOCKER部署
This commit is contained in:
parent
649f98afd6
commit
8a22e36771
14
Dockerfile
Normal file
14
Dockerfile
Normal file
|
|
@ -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;"]
|
||||
11
nginx.conf
Normal file
11
nginx.conf
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 209 B After Width: | Height: | Size: 209 B |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
|
@ -3,7 +3,7 @@
|
|||
<div class="scroll-content">
|
||||
<div v-for="(item, index) in displayData" :key="index" class="containner4-data"
|
||||
:class="{ 'temporary-style': item.showTemporaryStyle }">
|
||||
<img :src="item.avatar" alt="人物头像" />
|
||||
<img :src="item.avatar" />
|
||||
<div class="data-content">
|
||||
<div class="commenter">{{ item.commenter }}</div>
|
||||
<div class="comment">{{ item.comment }}</div>
|
||||
|
|
|
|||
|
|
@ -3,23 +3,33 @@
|
|||
<div class="main">
|
||||
<div v-if="showTooltip" class="tooltip">
|
||||
<div class="tooltip-containner">
|
||||
<img src="../assets/images/mess/key.png" alt="">
|
||||
<div class="tooltip-containner-data">
|
||||
<li><img :src="currentItem.img" alt="" style=""></li>
|
||||
<li v-if="currentItem.title.includes('中国海警首次登检菲律宾运补船只')"><chart32_-inspection /></li>
|
||||
<li v-else-if="currentItem.title.includes('中方回应菲称我海警挥舞刀具')"> <Chart33_WavingBlades /></li>
|
||||
<li v-else-if="currentItem.title.includes('中国海警夺回菲方盗窃赃物')"><Chart34_RecoveredGoods /></li>
|
||||
<li v-else-if="currentItem.title.includes('菲自曝被中国海警缴枪的是顶级特种部队')"><Chart35_SpecialForces /></li>
|
||||
<li v-else-if="currentItem.title.includes('菲律宾希望与中国就南海问题进行对话')"><Chart36_Dialogue /></li>
|
||||
<li v-else-if="currentItem.title.includes('中方回应菲称我海警挥舞刀具')">
|
||||
<Chart33_WavingBlades />
|
||||
</li>
|
||||
<li v-else-if="currentItem.title.includes('中国海警夺回菲方盗窃赃物')">
|
||||
<Chart34_RecoveredGoods />
|
||||
</li>
|
||||
<li v-else-if="currentItem.title.includes('菲自曝被中国海警缴枪的是顶级特种部队')">
|
||||
<Chart35_SpecialForces />
|
||||
</li>
|
||||
<li v-else-if="currentItem.title.includes('菲律宾希望与中国就南海问题进行对话')">
|
||||
<Chart36_Dialogue />
|
||||
</li>
|
||||
|
||||
<li style="margin-left: 10px; margin-top:20px;"><img src="../assets/images/logo/point.png"
|
||||
alt="" style="margin-bottom: -7px;">最初首发者： {{ currentItem.earler }} </li>
|
||||
<li style="margin-left: 10px;"><img src="../assets/images/logo/point.png" alt="" style="margin-bottom: -7px;">积极评论者：{{ currentItem.comenter
|
||||
}}</li>
|
||||
<li style="margin-left: 220px;margin-top: -45px;"><img src="../assets/images/logo/point.png" alt="" style="margin-bottom: -7px;">积极转发者：{{
|
||||
currentItem.switcher }}</li>
|
||||
<li style="margin-left: 220px;;"><img src="../assets/images/logo/point.png" alt="" style="margin-bottom: -7px;">锚点用户： {{
|
||||
currentItem.keyuser}}</li>
|
||||
<li style="margin-left: 10px; margin-top:20px;"><img src="../assets/images/logo/point.png" alt=""
|
||||
style="margin-bottom: -7px;">最初首发者： {{ currentItem.earler }} </li>
|
||||
<li style="margin-left: 10px;"><img src="../assets/images/logo/point.png" alt=""
|
||||
style="margin-bottom: -7px;">积极评论者：{{ currentItem.comenter
|
||||
}}</li>
|
||||
<li style="margin-left: 220px;margin-top: -45px;"><img src="../assets/images/logo/point.png" alt=""
|
||||
style="margin-bottom: -7px;">积极转发者：{{
|
||||
currentItem.switcher }}</li>
|
||||
<li style="margin-left: 220px;;"><img src="../assets/images/logo/point.png" alt=""
|
||||
style="margin-bottom: -7px;">锚点用户： {{
|
||||
currentItem.keyuser }}</li>
|
||||
</div>
|
||||
<img src="../assets/images/logo/cancel.png" alt=""
|
||||
style="float: right;margin-right: 10px;margin-top: -520px;cursor: pointer;" @click="showTooltip = false">
|
||||
|
|
@ -27,8 +37,7 @@
|
|||
</div>
|
||||
<div v-if="showDetailModal" class="detail-modal-overlay">
|
||||
<div class="detail-modal">
|
||||
<img src="../assets/images/logo/cancel.png" @click="closeDetailModal" style="float: right;margin-left: 300px;">
|
||||
</img>
|
||||
<img src="@/assets/images/logo/cancel.png" @click="closeDetailModal" style="float: right;margin-left: 300px;" />
|
||||
<img :src="currentDetailItem.avatar" class="large-avatar">
|
||||
<div style="color: #FFFFFF;font-size:large;margin-left: 150px;margin-top: -50px;">{{ currentDetailItem.name }}
|
||||
</div>
|
||||
|
|
@ -120,9 +129,9 @@
|
|||
<span class="span-2">粉丝数： {{ item.number }}</span>
|
||||
<span class="span-3">推荐监控频率{{ item.transmit }}</span>
|
||||
</div>
|
||||
<button v-if="index === 0"
|
||||
style="background-image: url('src/assets/images/logo/定位.png'); background-size: cover; background-repeat: no-repeat; background-position: center;margin-left: 370px;margin-top: -90px;width: 20px;height: 20px;border-radius: 0px;border: 0;cursor: pointer;"
|
||||
@click.stop="handleLocateMark"></button>
|
||||
<button v-if="index === 0"
|
||||
style="background-image: url('src/assets/images/logo/定位.png'); background-size: cover; background-repeat: no-repeat; background-position: center;margin-left: 370px;margin-top: -90px;width: 20px;height: 20px;border-radius: 0px;border: 0;cursor: pointer;"
|
||||
@click.stop="handleLocateMark"></button>
|
||||
</li>
|
||||
<li v-if="index < filteredData.length - 1" class="divider"></li>
|
||||
</ul>
|
||||
|
|
@ -217,7 +226,7 @@
|
|||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref, computed, reactive, onMounted, onUnmounted, nextTick,watch } from 'vue';
|
||||
import { ref, computed, reactive, onMounted, onUnmounted, nextTick, watch } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import IndexView from './App.vue';
|
||||
import ScrollContainer from '@/components/ScrollContainer.vue';
|
||||
|
|
@ -228,9 +237,43 @@ import Chart33_WavingBlades from '@/components/Chart33_WavingBlades(1).vue';
|
|||
import Chart34_RecoveredGoods from '@/components/Chart34_RecoveredGoods(1).vue';
|
||||
import Chart35_SpecialForces from '@/components/Chart35_SpecialForces(1).vue';
|
||||
import Chart36_Dialogue from '@/components/Chart36_Dialogue(1).vue';
|
||||
import xinlangImg from '@/assets/user/xinlang.png';
|
||||
import huanqiuImg from '@/assets/user/huanqiu.png';
|
||||
import daxiaImg from '@/assets/user/daxia.png';
|
||||
import bbsImg from '@/assets/user/bbs.png';
|
||||
import kongtianImg from '@/assets/user/kongtian.png';
|
||||
import aiImg from '@/assets/user/ai.png';
|
||||
import img79 from '@/assets/user/79.png';
|
||||
import gaishiImg from '@/assets/user/gaishi.png';
|
||||
import img91221 from '@/assets/user/91221.png';
|
||||
import jiangImg from '@/assets/user/jiang.png';
|
||||
import tangImg from '@/assets/user/tang.png';
|
||||
import bossImg from '@/assets/user/boss.png';
|
||||
import img567 from '@/assets/user/567.png';
|
||||
import laoImg from '@/assets/user/lao.png';
|
||||
import cgtnImg from '@/assets/user/cgtn.png';
|
||||
import qianImg from '@/assets/user/qian.png';
|
||||
import ggImg from '@/assets/user/gg.png';
|
||||
import shenhaiImg from '@/assets/user/shenhai.png';
|
||||
import haijingImg from '@/assets/user/haijing.png';
|
||||
import luxianImg from '@/assets/user/luxian.png';
|
||||
import main1Img from '@/assets/images/mess/main1.png';
|
||||
import main2Img from '@/assets/images/mess/main2.png';
|
||||
import main3Img from '@/assets/images/mess/main3.png';
|
||||
import main4Img from '@/assets/images/mess/main4.png';
|
||||
import main5Img from '@/assets/images/mess/main5.png';
|
||||
import rank1Img from '@/assets/images/logo/ruank1.png';
|
||||
import rank2Img from '@/assets/images/logo/ruank2.png';
|
||||
import rank3Img from '@/assets/images/logo/ruank3.png';
|
||||
import rank4Img from '@/assets/images/logo/ruank4.png';
|
||||
import rank5Img from '@/assets/images/logo/ruank5.png';
|
||||
import high3Img from '@/assets/images/logo/high3.png';
|
||||
import high2Img from '@/assets/images/logo/high2.png';
|
||||
import high1Img from '@/assets/images/logo/high1.png';
|
||||
|
||||
|
||||
let myChart = null;
|
||||
|
||||
const router = useRouter();
|
||||
const actionStore = useActionStore();
|
||||
const nodes = [{}, {}];
|
||||
|
|
@ -334,18 +377,6 @@ const handleSearch = () => {
|
|||
const inputValue = ref('');
|
||||
const suggestions = ref([]);
|
||||
|
||||
// 图片加载工具函数（带错误处理）
|
||||
const getImageUrl = (path) => {
|
||||
try {
|
||||
const processedPath = path.replace('src/', '')
|
||||
console.log('处理后的图片路径:', processedPath) // 添加调试日志
|
||||
return new URL(processedPath, import.meta.url).href
|
||||
} catch (e) {
|
||||
console.error('图片加载错误:', path, e)
|
||||
return loadImage('src/assets/images/logo/default.png')
|
||||
}
|
||||
}
|
||||
|
||||
const allOptions = [
|
||||
{ value: '南海争端系列舆情事件', link: './Main' },
|
||||
{ value: '美国大选系列舆情事件', link: '' },
|
||||
|
|
@ -376,26 +407,26 @@ const handleInput = () => {
|
|||
};
|
||||
|
||||
const mediaData = [
|
||||
{ id: 1, type: '新闻媒体', name: '新浪军事', avatar: 'src/views/user/xinlang.png', number: '5005.8w', transmit: '10h/1次', time: '2024.1.5', posts: '2.1w', atten: '98', interaction: '16.1w' },
|
||||
{ id: 2, type: '新闻媒体', name: '环球时报', avatar: 'src/views/user/huanqiu.png', number: '3126.1w', transmit: '8h/1次', time: '2024.3.12', posts: '1.8w', atten: '76', interaction: '9.3w' },
|
||||
{ id: 3, type: '自媒体', name: '大侠啊啊啊啊', avatar: 'src/views/user/daxia.png', number: '288', transmit: '20h/1次', time: '2024.2.20', posts: '896', atten: '12', interaction: '3.2w' },
|
||||
{ id: 4, type: '自媒体', name: '外贸发布BBS', avatar: 'src/views/user/bbs.png', number: '1.3w', transmit: '21h/1次', time: '2024.4.5', posts: '562', atten: '8', interaction: '1.5w' },
|
||||
{ id: 5, type: '自媒体', name: '空天砺剑', avatar: 'src/views/user/kongtian.png', number: '516.5w', transmit: '18h/1次', time: '2024.1.28', posts: '3.2w', atten: '156', interaction: '22.7w' },
|
||||
{ id: 6, type: '自媒体', name: '爱锤盾海桃-霆恩启副', avatar: 'src/views/user/ai.png', number: '223', transmit: '25h/1次', time: '2024.3.18', posts: '432', atten: '5', interaction: '896' },
|
||||
{ id: 7, type: '自媒体', name: '苍龙飞天79', avatar: 'src/views/user/79.png', number: '516.6w', transmit: '24h/1次', time: '2024.2.10', posts: '2.9w', atten: '142', interaction: '19.5w' },
|
||||
{ id: 8, type: '自媒体', name: '盖世英雄玉椒龙', avatar: 'src/views/user/gaishi.png', number: '42w', transmit: '26h/1次', time: '2024.4.1', posts: '1.2w', atten: '67', interaction: '8.3w' },
|
||||
{ id: 9, type: '自媒体', name: '十八子91221', avatar: 'src/views/user/91221.png', number: '1947', transmit: '30h/1次', time: '2024.1.15', posts: '654', atten: '9', interaction: '2.1w' },
|
||||
{ id: 10, type: '自媒体', name: '江夏云飞', avatar: 'src/views/user/jiang.png', number: '1629', transmit: '23h/1次', time: '2024.3.25', posts: '321', atten: '4', interaction: '987' },
|
||||
{ id: 11, type: '自媒体', name: '唐宁20150903', avatar: 'src/views/user/tang.png', number: '25', transmit: '22h/1次', time: '2024.2.5', posts: '128', atten: '2', interaction: '456' },
|
||||
{ id: 12, type: '自媒体', name: '钻石狗Boss', avatar: 'src/views/user/bbs.png', number: '1184', transmit: '22h/1次', time: '2024.4.12', posts: '512', atten: '7', interaction: '1.8w' },
|
||||
{ id: 13, type: '自媒体', name: '乐之567', avatar: 'src/views/user/567.png', number: '266', transmit: '18h/1次', time: '2024.1.30', posts: '209', atten: '3', interaction: '654' },
|
||||
{ id: 14, type: '自媒体', name: '地瓜熊老六', avatar: 'src/views/user/lao.png', number: '667.5w', transmit: '10h/1次', time: '2024.3.8', posts: '4.7w', atten: '210', interaction: '33.2w' },
|
||||
{ id: 15, type: '自媒体', name: 'CGTN记者团', avatar: 'src/views/user/cgtn.png', number: '322.1w', transmit: '15h/1次', time: '2024.2.18', posts: '2.5w', atten: '105', interaction: '17.8w' },
|
||||
{ id: 16, type: '自媒体', name: '钱局长本人', avatar: 'src/views/user/qian.png', number: '40万', transmit: '24h/1次', time: '2024.4.20', posts: '1.3w', atten: '58', interaction: '9.4w' },
|
||||
{ id: 17, type: '自媒体', name: '肥_谍_gg', avatar: 'src/views/user/gg.png', number: '245', transmit: '19h/1次', time: '2024.1.22', posts: '317', atten: '6', interaction: '1.2w' },
|
||||
{ id: 18, type: '自媒体', name: '深海一万米', avatar: 'src/views/user/shenhai.png', number: '126w', transmit: '21h/1次', time: '2024.3.5', posts: '8906', atten: '42', interaction: '6.7w' },
|
||||
{ id: 19, type: '政府官号', name: '中国海警', avatar: 'src/views/user/haijing.png', number: '80.9w', transmit: '26h/1次', time: '2024.2.8', posts: '1.1w', atten: '35', interaction: '5.2w' },
|
||||
{ id: 20, type: '政府官号', name: '平安泸县', avatar: 'src/views/user/luxian.png', number: '3.9w', transmit: '18h/1次', time: '2024.4.15', posts: '4321', atten: '18', interaction: '2.9w' },
|
||||
{ id: 1, type: '新闻媒体', name: '新浪军事', avatar: xinlangImg, number: '5005.8w', transmit: '10h/1次', time: '2024.1.5', posts: '2.1w', atten: '98', interaction: '16.1w' },
|
||||
{ id: 2, type: '新闻媒体', name: '环球时报', avatar: huanqiuImg, number: '3126.1w', transmit: '8h/1次', time: '2024.3.12', posts: '1.8w', atten: '76', interaction: '9.3w' },
|
||||
{ id: 3, type: '自媒体', name: '大侠啊啊啊啊', avatar: daxiaImg, number: '288', transmit: '20h/1次', time: '2024.2.20', posts: '896', atten: '12', interaction: '3.2w' },
|
||||
{ id: 4, type: '自媒体', name: '外贸发布BBS', avatar: bbsImg, number: '1.3w', transmit: '21h/1次', time: '2024.4.5', posts: '562', atten: '8', interaction: '1.5w' },
|
||||
{ id: 5, type: '自媒体', name: '空天砺剑', avatar: kongtianImg, number: '516.5w', transmit: '18h/1次', time: '2024.1.28', posts: '3.2w', atten: '156', interaction: '22.7w' },
|
||||
{ id: 6, type: '自媒体', name: '爱锤盾海桃-霆恩启副', avatar: aiImg, number: '223', transmit: '25h/1次', time: '2024.3.18', posts: '432', atten: '5', interaction: '896' },
|
||||
{ id: 7, type: '自媒体', name: '苍龙飞天79', avatar: img79, number: '516.6w', transmit: '24h/1次', time: '2024.2.10', posts: '2.9w', atten: '142', interaction: '19.5w' },
|
||||
{ id: 8, type: '自媒体', name: '盖世英雄玉椒龙', avatar: gaishiImg, number: '42w', transmit: '26h/1次', time: '2024.4.1', posts: '1.2w', atten: '67', interaction: '8.3w' },
|
||||
{ id: 9, type: '自媒体', name: '十八子91221', avatar: img91221, number: '1947', transmit: '30h/1次', time: '2024.1.15', posts: '654', atten: '9', interaction: '2.1w' },
|
||||
{ id: 10, type: '自媒体', name: '江夏云飞', avatar: jiangImg, number: '1629', transmit: '23h/1次', time: '2024.3.25', posts: '321', atten: '4', interaction: '987' },
|
||||
{ id: 11, type: '自媒体', name: '唐宁20150903', avatar: tangImg, number: '25', transmit: '22h/1次', time: '2024.2.5', posts: '128', atten: '2', interaction: '456' },
|
||||
{ id: 12, type: '自媒体', name: '钻石狗Boss', avatar: bossImg, number: '1184', transmit: '22h/1次', time: '2024.4.12', posts: '512', atten: '7', interaction: '1.8w' },
|
||||
{ id: 13, type: '自媒体', name: '乐之567', avatar: img567, number: '266', transmit: '18h/1次', time: '2024.1.30', posts: '209', atten: '3', interaction: '654' },
|
||||
{ id: 14, type: '自媒体', name: '地瓜熊老六', avatar: laoImg, number: '667.5w', transmit: '10h/1次', time: '2024.3.8', posts: '4.7w', atten: '210', interaction: '33.2w' },
|
||||
{ id: 15, type: '自媒体', name: 'CGTN记者团', avatar: cgtnImg, number: '322.1w', transmit: '15h/1次', time: '2024.2.18', posts: '2.5w', atten: '105', interaction: '17.8w' },
|
||||
{ id: 16, type: '自媒体', name: '钱局长本人', avatar: qianImg, number: '40万', transmit: '24h/1次', time: '2024.4.20', posts: '1.3w', atten: '58', interaction: '9.4w' },
|
||||
{ id: 17, type: '自媒体', name: '肥_谍_gg', avatar: ggImg, number: '245', transmit: '19h/1次', time: '2024.1.22', posts: '317', atten: '6', interaction: '1.2w' },
|
||||
{ id: 18, type: '自媒体', name: '深海一万米', avatar: shenhaiImg, number: '126w', transmit: '21h/1次', time: '2024.3.5', posts: '8906', atten: '42', interaction: '6.7w' },
|
||||
{ id: 19, type: '政府官号', name: '中国海警', avatar: haijingImg, number: '80.9w', transmit: '26h/1次', time: '2024.2.8', posts: '1.1w', atten: '35', interaction: '5.2w' },
|
||||
{ id: 20, type: '政府官号', name: '平安泸县', avatar: luxianImg, number: '3.9w', transmit: '18h/1次', time: '2024.4.15', posts: '4321', atten: '18', interaction: '2.9w' },
|
||||
];
|
||||
const categoryData = {
|
||||
'全部': {
|
||||
|
|
@ -445,187 +476,179 @@ const allData = Array.from({ length: 5 }, (_, index) => ({ id: index, showTempor
|
|||
const currentIndex = ref(0);
|
||||
const visibleData = ref([
|
||||
{
|
||||
avatar: './src/views/user/boss.png',
|
||||
avatar: bossImg,
|
||||
commenter: '钻石狗Boss',
|
||||
comment: '干的漂亮，赞一个！',
|
||||
time: '2024-06-19 16:03:26'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/ai.png',
|
||||
avatar: aiImg,
|
||||
commenter: '爱锤盾海桃-霆恩启副',
|
||||
comment: '转发微博',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/kongtian.png',
|
||||
avatar: kongtianImg,
|
||||
commenter: '空天砺剑',
|
||||
comment: '#中国海警首次登检菲律宾运补船只# 有了第一次就会有第二次第三次，以后登检就形成常态了，一步... ',
|
||||
time: '2024-06-19 18:15:53'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/luxian.png',
|
||||
avatar:luxianImg,
|
||||
commenter: '平安泸县 ',
|
||||
comment: '@金台法院 ',
|
||||
time: '2024-06-21 11:20:01 '
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: '新浪军事',
|
||||
comment: '中国海警从菲方夺回被盗渔网# 【独家视频！菲方偷盗中国渔民渔网，中国海警夺回归还】中国海警...',
|
||||
time: '2024-06-20 17:31:07'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/79.png',
|
||||
avatar: img79,
|
||||
commenter: '苍龙飞天79',
|
||||
comment: '#菲律宾##中方回应菲称我海警挥舞刀具##热门视频# 视频为霸占咱中业岛的菲猴们，武器大炮已...',
|
||||
time: '2024-06-27 12:54:00'
|
||||
},
|
||||
|
||||
|
||||
|
||||
{
|
||||
avatar: './src/views/user/79.png',
|
||||
avatar:img79,
|
||||
commenter: '苍龙飞天79',
|
||||
comment: '转发微博',
|
||||
time: '2024-06-20 23:09:47'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: '新浪军事',
|
||||
comment: '#中国海警首提对菲船只登临检查#，如何理解这一新表述】6月17日，中国海警依法对非法闯入我... ',
|
||||
time: '2024-06-20 13:08:44'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: '新浪军事',
|
||||
comment: '#中国海警首提对菲船只登临检查#，如何理解这一新表述】6月17日，中国海警依法对非法闯入我... ',
|
||||
time: '2024-06-20 13:08:44'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: '新浪军事',
|
||||
comment: '#外交部回应菲军方声称中国海警发射催泪弹#【菲军方声称中国海警发射催泪弹、破坏设备，外交部：... ',
|
||||
time: '2024-06-20 16:14:58'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/huanqiu.png',
|
||||
avatar:huanqiuImg,
|
||||
commenter: '环球时报',
|
||||
comment: ' #中国海警从菲方缴回被盗渔网# 【独家视频！菲方偷盗中国渔民渔网，中国海警夺回归还】#中国海... ',
|
||||
time: '2024-06-20 17:13:31'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/huanqiu.png',
|
||||
avatar: huanqiuImg,
|
||||
commenter: '环球时报',
|
||||
comment: ' #中国海警从菲方缴回被盗渔网# 【独家视频！菲方偷盗中国渔民渔网，中国海警夺回归还】#中国海... ',
|
||||
time: '2024-06-20 17:13:31'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: '新浪军事',
|
||||
comment: '#菲方非法坐滩军舰航拍影像公开#【独家影像！#中国仁爱礁高清航拍画面发布#，菲非法“坐滩”军... ',
|
||||
time: '2024-06-20 17:13:31'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/kongtian.png',
|
||||
avatar: kongtianImg,
|
||||
commenter: '空天砺剑',
|
||||
comment: ' #中国海警夺回菲方盗窃赃物# 你偷，我就有理由上你的破船，只要上了船，我干什么就由不得你了，... ',
|
||||
time: '2024-06-20 17:13:31'
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/bbs.png',
|
||||
avatar:bbsImg,
|
||||
commenter: '外贸发布BBS',
|
||||
comment: ' 我海警耍猴还是有点技巧的！#菲媒称中国万吨大驱驶过菲沿岸# #中国海警夺回菲方盗窃赃物#',
|
||||
time: '2024-06-20 17:13:31'
|
||||
},
|
||||
|
||||
{
|
||||
avatar: './src/views/user/bbs.png',
|
||||
avatar: bbsImg,
|
||||
commenter: ' 外贸发布BBS',
|
||||
comment: '特种部队丢手指，普通部队丢胳膊！',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
},
|
||||
{
|
||||
avatar: './src/views/user/boss.png',
|
||||
avatar: bossImg,
|
||||
commenter: ' 钻石狗Boss',
|
||||
comment: '打的就是他精锐……',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
}, {
|
||||
avatar: './src/views/user/boss.png',
|
||||
avatar: bossImg,
|
||||
commenter: ' 钻石狗Boss',
|
||||
comment: '别怂，叫你的“精锐”接着来……',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
}, {
|
||||
avatar: './src/views/user/bbs.png',
|
||||
commenter: ' 外贸发布BBS',
|
||||
comment: '特种部队丢手指，普通部队丢胳膊！#菲自曝被中国海警缴枪的是顶级特种部队# ',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
}, {
|
||||
avatar: './src/views/user/gg.png',
|
||||
avatar: ggImg,
|
||||
commenter: ' 肥_谍_gg',
|
||||
comment: '//@帝吧官微:拿着自拍杆邀请菲律宾顶级特种部队合影而已，你们看那些平常喜欢聒噪的公知大v都... ',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
}, {
|
||||
avatar: './src/views/user/tang.png',
|
||||
avatar: tangImg,
|
||||
commenter: ' 唐宁20150903',
|
||||
comment: '转发微博',
|
||||
time: '2024-06-24 22:53:02 '
|
||||
}, {
|
||||
avatar: './src/views/user/boss.png',
|
||||
avatar: bossImg,
|
||||
commenter: ' 钻石狗Boss',
|
||||
comment: '“金手指” ',
|
||||
time: '2024-06-20 18:25:02 '
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: ' 新浪军事',
|
||||
comment: '【#菲自曝被中国海警缴枪的是顶级特种部队#】近日，菲律宾船只侵闯我仁爱礁，中国海警对其进行登... ',
|
||||
time: '2024-06-23 11:05:46 '
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar:xinlangImg,
|
||||
commenter: ' 新浪军事',
|
||||
comment: '#中国海警将菲非法所得渔网送归中国渔民#】据新华社6月21日报道，近期，在中国仁爱礁及其附... ',
|
||||
time: '2024-06-23 13:07:47 '
|
||||
}, {
|
||||
avatar: './src/views/user/kongtian.png',
|
||||
avatar: kongtianImg,
|
||||
commenter: ' 空天砺剑',
|
||||
comment: '#菲自曝被中国海警缴枪的是顶级特种部队# 菲律宾：我派出的可是精锐部队 中国海警：就这？老子... ',
|
||||
time: '2024-06-23 14:05:32 '
|
||||
}, {
|
||||
avatar: './src/views/user/qian.png',
|
||||
avatar: qianImg,
|
||||
commenter: ' 钱局长本人',
|
||||
comment: '菲律宾特种部队被中国的警察叔叔缴了械，断指士兵获奖章，俄罗斯网友：这是我今年听过最搞笑的笑话... ',
|
||||
time: '2024-06-23 14:46:29'
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar:xinlangImg,
|
||||
commenter: ' 新浪军事',
|
||||
comment: '#台退将分析中菲仁爱礁冲突#：解放军"关门打狗" 菲律宾敢动就是团灭（海峡新干线）#菲自曝被...',
|
||||
time: '2024-06-23 14:55:23 '
|
||||
}, {
|
||||
avatar: './src/views/user/bbs.png',
|
||||
avatar: bbsImg,
|
||||
commenter: ' 外贸发布BBS',
|
||||
comment: '特种部队丢手指，普通部队丢胳膊！#菲自曝被中国海警缴枪的是顶级特种部队# ',
|
||||
time: '2024-06-23 14:56:42 '
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar:xinlangImg,
|
||||
commenter: '新浪军事',
|
||||
comment: ' #菲自曝被中国海警缴枪的是顶级特种部队# 近日，菲律宾船只侵闯我仁爱礁，中国海警对其进行登临... ',
|
||||
time: '2024-06-23 15:55:24 '
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar: xinlangImg,
|
||||
commenter: ' 新浪军事',
|
||||
comment: ' #驻越使馆驳斥美高官越南期间肆意攻击中国#【美高官访越南期间就南海问题肆意攻击中国',
|
||||
time: '2024-06-23 16:12:54 '
|
||||
}, {
|
||||
avatar: './src/views/user/bbs.png',
|
||||
avatar: bbsImg,
|
||||
commenter: ' 外贸发布BBS',
|
||||
comment: '#菲自曝被中国海警缴枪的是顶级特种部队# 菲律宾特种部队就这？怪不得现在菲律宾网友各种找补洗白 ',
|
||||
time: '盖世英雄玉椒龙'
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar:xinlangImg,
|
||||
commenter: ' 新浪军事',
|
||||
comment: ' #菲总统最新言论话里有话#【警惕！菲总统最新言论，话里有话】什么叫做一意孤行地碰瓷？菲律宾方...',
|
||||
time: '2024-06-23 18:47:55 '
|
||||
}, {
|
||||
avatar: './src/views/user/xinlang.png',
|
||||
avatar:xinlangImg,
|
||||
commenter: ' 新浪军事',
|
||||
comment: '【外媒：#菲律宾外长称希望与中国就南海问题进行对话#，以解决分歧】据路透社、《菲律宾星报》报... ',
|
||||
time: '2024-06-25 17:30:20'
|
||||
|
|
@ -672,10 +695,10 @@ const tooltipDdata1 = [
|
|||
switcher: '四泉-先生-郭辉',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main1.png',
|
||||
imgdata: 'src/assets/images/mess/1top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank1.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
img: main1Img,
|
||||
imgdata: '@/assets/images/mess/1top.png',
|
||||
beforeimg: rank1Img,
|
||||
backimg:high3Img
|
||||
}
|
||||
]
|
||||
const tooltipDdata2 = [
|
||||
|
|
@ -686,10 +709,10 @@ const tooltipDdata2 = [
|
|||
switcher: '四泉-先生-郭辉',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main1.png',
|
||||
img: main1Img,
|
||||
imgdata: 'src/assets/images/mess/1top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank1.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank1Img,
|
||||
backimg:high3Img
|
||||
},
|
||||
{
|
||||
id: '03-2',
|
||||
|
|
@ -698,10 +721,10 @@ const tooltipDdata2 = [
|
|||
switcher: '枸杞菊花煮泡面',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main2.png',
|
||||
img: main2Img,
|
||||
imgdata: 'src/assets/images/mess/2top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank2.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank2Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
]
|
||||
const tooltipDdata3 = [
|
||||
|
|
@ -712,10 +735,10 @@ const tooltipDdata3 = [
|
|||
switcher: '四泉-先生-郭辉',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main1.png',
|
||||
img: main1Img,
|
||||
imgdata: 'src/assets/images/mess/1top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank1.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank1Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
{
|
||||
id: '03-2',
|
||||
|
|
@ -724,10 +747,10 @@ const tooltipDdata3 = [
|
|||
switcher: '枸杞菊花煮泡面',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main2.png',
|
||||
img: main2Img,
|
||||
imgdata: 'src/assets/images/mess/2top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank2.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank2Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
{
|
||||
id: '03-3',
|
||||
|
|
@ -736,10 +759,10 @@ const tooltipDdata3 = [
|
|||
switcher: '入山花露水',
|
||||
earler: '新浪军事',
|
||||
keyuser: '环球时报, 苍龙飞天79, 外贸发布BBS, 新浪军事, 空天砺剑',
|
||||
img: 'src/assets/images/mess/main3.png',
|
||||
img: main3Img,
|
||||
imgdata: 'src/assets/images/mess/3top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank3.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank3Img,
|
||||
backimg:high3Img
|
||||
},
|
||||
]
|
||||
const tooltipDdata4 = [
|
||||
|
|
@ -750,10 +773,10 @@ const tooltipDdata4 = [
|
|||
switcher: '四泉-先生-郭辉',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main1.png',
|
||||
img: main1Img,
|
||||
imgdata: 'src/assets/images/mess/1top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank1.png',
|
||||
backimg: 'src/assets/images/logo/high2.png'
|
||||
beforeimg: rank1Img,
|
||||
backimg: high2Img
|
||||
},
|
||||
{
|
||||
id: '04-2',
|
||||
|
|
@ -762,10 +785,10 @@ const tooltipDdata4 = [
|
|||
switcher: '枸杞菊花煮泡面',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main2.png',
|
||||
img: main2Img,
|
||||
imgdata: 'src/assets/images/mess/2top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank2.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank2Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
{
|
||||
id: '04-3',
|
||||
|
|
@ -774,10 +797,10 @@ const tooltipDdata4 = [
|
|||
switcher: '入山花露水',
|
||||
earler: '新浪军事',
|
||||
keyuser: '环球时报, 苍龙飞天79, 外贸发布BBS, 新浪军事, 空天砺剑',
|
||||
img: 'src/assets/images/mess/main3.png',
|
||||
img: main3Img,
|
||||
imgdata: 'src/assets/images/mess/3top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank3.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank3Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
{
|
||||
id: '04-4',
|
||||
|
|
@ -786,10 +809,10 @@ const tooltipDdata4 = [
|
|||
switcher: '杨毅妻儿',
|
||||
earler: '白俄罗斯大宽',
|
||||
keyuser: '盖世英雄玉椒龙, 肥_谍_gg, 钻石狗Boss, 外贸发布BBS, 新浪军事, 钱局长本人, 地瓜熊老六,唐宁20150903,空天砺剑',
|
||||
img: 'src/assets/images/mess/main4.png',
|
||||
img: main4Img,
|
||||
imgdata: 'src/assets/images/mess/4top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank4.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg:rank4Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
]
|
||||
const tooltipDdata5 = [
|
||||
|
|
@ -800,10 +823,10 @@ const tooltipDdata5 = [
|
|||
switcher: '四泉-先生-郭辉',
|
||||
earler: '玉渊谭天',
|
||||
keyuser: '爱锤盾海桃-霆恩启副,钻石狗Boss,空天砺剑',
|
||||
img: 'src/assets/images/mess/main1.png',
|
||||
img: main1Img,
|
||||
imgdata: 'src/assets/images/mess/1top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank1.png',
|
||||
backimg: 'src/assets/images/logo/high1.png'
|
||||
beforeimg: rank1Img,
|
||||
backimg: high1Img
|
||||
},
|
||||
{
|
||||
id: '05-2',
|
||||
|
|
@ -812,10 +835,10 @@ const tooltipDdata5 = [
|
|||
switcher: '枸杞菊花煮泡面',
|
||||
earler: '白俄罗斯大宽',
|
||||
keyuser: '苍龙飞天79,平安泸县,新浪军事',
|
||||
img: 'src/assets/images/mess/main2.png',
|
||||
img: main2Img,
|
||||
imgdata: 'src/assets/images/mess/2top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank2.png',
|
||||
backimg: 'src/assets/images/logo/high2.png'
|
||||
beforeimg: rank2Img,
|
||||
backimg: high2Img
|
||||
},
|
||||
{
|
||||
id: '05-3',
|
||||
|
|
@ -824,10 +847,10 @@ const tooltipDdata5 = [
|
|||
switcher: '入山花露水',
|
||||
earler: '新浪军事',
|
||||
keyuser: '环球时报, 苍龙飞天79, 外贸发布BBS, 新浪军事, 空天砺剑',
|
||||
img: 'src/assets/images/mess/main3.png',
|
||||
img: main3Img,
|
||||
imgdata: 'src/assets/images/mess/3top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank3.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank3Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
{
|
||||
id: '05-4',
|
||||
|
|
@ -836,10 +859,10 @@ const tooltipDdata5 = [
|
|||
switcher: '杨毅妻儿',
|
||||
earler: '白俄罗斯大宽',
|
||||
keyuser: '盖世英雄玉椒龙, 肥_谍_gg, 钻石狗Boss, 外贸发布BBS, 新浪军事, 钱局长本人, 地瓜熊老六,唐宁20150903,空天砺剑',
|
||||
img: 'src/assets/images/mess/main5.png',
|
||||
img: main4Img,
|
||||
imgdata: 'src/assets/images/mess/4top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank4.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank4Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
{
|
||||
id: '05-5',
|
||||
|
|
@ -848,10 +871,10 @@ const tooltipDdata5 = [
|
|||
switcher: '彼岸星光德尔塔',
|
||||
earler: '今日俄罗斯RT',
|
||||
keyuser: '新浪军事',
|
||||
img: 'src/assets/images/mess/main4.png',
|
||||
img: main5Img,
|
||||
imgdata: 'src/assets/images/mess/5top.png',
|
||||
beforeimg: 'src/assets/images/logo/ruank5.png',
|
||||
backimg: 'src/assets/images/logo/high3.png'
|
||||
beforeimg: rank5Img,
|
||||
backimg: high3Img
|
||||
},
|
||||
]
|
||||
const dataSets = ref([tooltipDdata1, tooltipDdata2, tooltipDdata3, tooltipDdata4, tooltipDdata5]);
|
||||
|
|
@ -1014,11 +1037,11 @@ const switchChartType = (type) => {
|
|||
// 更新图表数据
|
||||
const updateChart = () => {
|
||||
if (!categoryChart) return;
|
||||
|
||||
|
||||
// 根据当前选中的分类和图表类型获取数据
|
||||
const category = currentCategory.value === '全部' ? '全部' : currentCategory.value;
|
||||
const data = chartData[category][currentChartType.value];
|
||||
|
||||
|
||||
// 设置图表数据
|
||||
categoryChart.setOption({
|
||||
tooltip: {
|
||||
|
|
@ -1032,7 +1055,7 @@ const updateChart = () => {
|
|||
right: 100, // 向右移动留出详细信息空间
|
||||
itemGap: 20,
|
||||
textStyle: { color: '#fff', width: 120 }, // 固定文本宽度
|
||||
formatter: function(name) {
|
||||
formatter: function (name) {
|
||||
// 查找当前项数据
|
||||
const item = data.find(item => item.name === name);
|
||||
if (!item) return name;
|
||||
|
|
@ -1079,8 +1102,8 @@ const updateChart = () => {
|
|||
},
|
||||
data: data
|
||||
}
|
||||
,
|
||||
{
|
||||
,
|
||||
{
|
||||
name: currentChartType.value === 'registration' ? '注册时间分布' : '行为模式分布',
|
||||
type: 'pie',
|
||||
radius: ['20%', '30%'],
|
||||
|
|
@ -1117,10 +1140,10 @@ const initChart = () => {
|
|||
// 确保DOM元素存在
|
||||
const chartDom = document.getElementById('categoryChart');
|
||||
if (!chartDom) return;
|
||||
|
||||
|
||||
// 初始化ECharts实例
|
||||
categoryChart = echarts.init(chartDom);
|
||||
|
||||
|
||||
// 设置初始图表选项
|
||||
const option = {
|
||||
backgroundColor: 'transparent',
|
||||
|
|
@ -1135,9 +1158,9 @@ const initChart = () => {
|
|||
}
|
||||
]
|
||||
};
|
||||
|
||||
|
||||
option && categoryChart.setOption(option);
|
||||
|
||||
|
||||
// 初始更新图表数据
|
||||
updateChart();
|
||||
};
|
||||
|
|
@ -1151,8 +1174,8 @@ watch(currentCategory, () => {
|
|||
onMounted(() => {
|
||||
// ... 现有代码 ...、
|
||||
initChart();
|
||||
// 窗口大小变化时重绘图表
|
||||
window.addEventListener('resize', () => {
|
||||
// 窗口大小变化时重绘图表
|
||||
window.addEventListener('resize', () => {
|
||||
if (categoryChart) {
|
||||
categoryChart.resize();
|
||||
}
|
||||
|
|
@ -1189,7 +1212,7 @@ onMounted(() => {
|
|||
fontWeight: 'bold', // 字体粗细(normal/bold/bolder/lighter/100-900)
|
||||
color: '#E1F4FF', // 字体颜色
|
||||
fontFamily: '微软雅黑, Arial, sans-serif', // 字体族
|
||||
fontWeight:200,
|
||||
fontWeight: 200,
|
||||
fontStyle: 'normal' // 字体风格(normal/italic/oblique)
|
||||
},
|
||||
},
|
||||
|
|
@ -1219,9 +1242,9 @@ onMounted(() => {
|
|||
// margin:15,
|
||||
textStyle: {
|
||||
color: '#a8aab0',
|
||||
fontStyle: 'normal',
|
||||
fontFamily: '微软雅黑',
|
||||
fontSize: 12,
|
||||
fontStyle: 'normal',
|
||||
fontFamily: '微软雅黑',
|
||||
fontSize: 12,
|
||||
},
|
||||
formatter: function (params) {
|
||||
var newParamsName = "";
|
||||
|
|
@ -1258,9 +1281,9 @@ onMounted(() => {
|
|||
show: true,
|
||||
lineStyle: {
|
||||
color: 'rgba(229, 233, 237, 0.3)', // 半透明浅灰色
|
||||
type: 'dashed', // 虚线样式
|
||||
width: 1, // 线条宽度
|
||||
opacity: 0.7 // 线条透明度
|
||||
type: 'dashed', // 虚线样式
|
||||
width: 1, // 线条宽度
|
||||
opacity: 0.7 // 线条透明度
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
@ -1364,9 +1387,9 @@ onUnmounted(() => {
|
|||
myChart = null;
|
||||
}
|
||||
if (categoryChart) {
|
||||
categoryChart.dispose();
|
||||
categoryChart = null;
|
||||
}
|
||||
categoryChart.dispose();
|
||||
categoryChart = null;
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,19 @@ export default defineConfig({
|
|||
plugins: [vue()],
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': path.resolve(__dirname, 'src')
|
||||
'@': path.resolve(__dirname, './src')
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
// 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/, '')
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user