Merge branch 'main' of http://82.157.76.162:3000/Big-Data-Lab/Completion-template-Vue3.0
2
.env
|
@ -2,7 +2,7 @@
|
|||
VITE_PORT = 3100
|
||||
|
||||
# 网站标题
|
||||
VITE_GLOB_APP_TITLE = 哈师大四六级查询平台
|
||||
VITE_GLOB_APP_TITLE = 直播数据分析平台
|
||||
|
||||
# 简称,用于配置文件名字 不要出现空格、数字开头等特殊字符
|
||||
VITE_GLOB_APP_SHORT_NAME = JeecgBootAdmin
|
||||
|
|
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 9.6 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 13 KiB |
|
@ -0,0 +1,173 @@
|
|||
<template>
|
||||
<div class="outer">
|
||||
<div class="grid">
|
||||
<a-row >
|
||||
<a-col :span="6" v-for="(item, index) in gloryData" :key="index">
|
||||
<a-card :bordered="false">
|
||||
<img :src="item.img" alt="" />
|
||||
<p style="font-weight: bold;margin-top: 5px;padding-left: 5px;">{{ item.title }}</p>
|
||||
<div style="display: flex" >
|
||||
<span class="name"> {{ item.id }}</span>
|
||||
<div class="hot">
|
||||
<a-icon type="fire" style="color: red; margin-left: auto" />
|
||||
<span >{{ item.hot }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import pic1 from '@/assets/live/pic1.jpg';
|
||||
import pic2 from '@/assets/live/pic2.jpg';
|
||||
import pic3 from '@/assets/live/pic3.jpg';
|
||||
import pic4 from '@/assets/live/pic4.jpg';
|
||||
import pic5 from '@/assets/live/pic5.jpg';
|
||||
import pic6 from '@/assets/live/pic6.jpg';
|
||||
import pic7 from '@/assets/live/pic7.jpg';
|
||||
import pic8 from '@/assets/live/pic8.jpg';
|
||||
import pic9 from '@/assets/live/pic9.jpg';
|
||||
import pic10 from '@/assets/live/pic10.jpg';
|
||||
import pic11 from '@/assets/live/pic11.jpg';
|
||||
import pic12 from '@/assets/live/pic12.jpg';
|
||||
import pic13 from '@/assets/live/pic13.jpg';
|
||||
import pic14 from '@/assets/live/pic14.jpg';
|
||||
import pic15 from '@/assets/live/pic15.jpg';
|
||||
import pic16 from '@/assets/live/pic16.jpg';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
gloryData: [
|
||||
{
|
||||
title: 'BLG 2:1 PSG MSI胜败分组赛',
|
||||
id: '虎牙英雄联盟赛事',
|
||||
hot: '100万',
|
||||
img: pic1,
|
||||
},
|
||||
{
|
||||
title:"haohaodapaiwei",
|
||||
id:'JDG.Kanavi',
|
||||
hot:"13.3万",
|
||||
img:pic2
|
||||
},
|
||||
{
|
||||
title:"韩一拉夫 韩服冲千分",
|
||||
id:'阿呆奥拉夫',
|
||||
hot:"22.3万",
|
||||
img:pic3
|
||||
},
|
||||
{
|
||||
title:"国服第一诺手!峡谷宗师冲王者!!!",
|
||||
id:'黑洞king1',
|
||||
hot:"24.5万",
|
||||
img:pic4
|
||||
},
|
||||
{
|
||||
title:"解说下今天的比赛~",
|
||||
id:'kRYST4L',
|
||||
hot:"559.9万",
|
||||
img:pic5
|
||||
},
|
||||
|
||||
{
|
||||
title:"5点跟姿态队练",
|
||||
id:'Letme严君泽',
|
||||
hot:"247.1万",
|
||||
img:pic6
|
||||
},
|
||||
{
|
||||
title:"勤奋天王",
|
||||
id:'DANK1NG',
|
||||
hot:"426.7万",
|
||||
img:pic7
|
||||
},
|
||||
{
|
||||
title:"【Mr.mao】少点谩骂 多点鼓励!",
|
||||
id:'MAX-Mrmao',
|
||||
hot:"19.1万",
|
||||
img:pic8
|
||||
},
|
||||
{
|
||||
title:"小播一会儿,新主播",
|
||||
id:'青象-矍然吖',
|
||||
hot:"4.0万",
|
||||
img:pic9
|
||||
},
|
||||
{
|
||||
title:"【新主播】上S的第一天~",
|
||||
id:'十三月的故事',
|
||||
hot:"12.6万",
|
||||
img:pic10
|
||||
},
|
||||
{
|
||||
title:"速看 只整新奥恩大活!",
|
||||
id:'丸子头的文',
|
||||
hot:"40.7万",
|
||||
img:pic11
|
||||
},
|
||||
{
|
||||
title:"2024NBPL春季赛",
|
||||
id:'虎牙永劫无间赛事',
|
||||
hot:"112.3万",
|
||||
img:pic12
|
||||
},
|
||||
{
|
||||
title:"天人前10 书300分 接3排",
|
||||
id:'巅峰-鱼子酱KK',
|
||||
hot:"8.2万",
|
||||
img:pic13
|
||||
},
|
||||
{
|
||||
title:"鬼刀一开看不见看不见,迦南启动!",
|
||||
id:'终憾﹀奇星互娱',
|
||||
hot:"23.9万",
|
||||
img:pic14
|
||||
},
|
||||
{
|
||||
title:"苏州KSG vs 武汉eStarKPL春季赛",
|
||||
id:'虎牙王者荣耀赛事',
|
||||
hot:"591.8万",
|
||||
img:pic15
|
||||
},
|
||||
{
|
||||
title:"我来诠释发育路!",
|
||||
id:'AzZ、口袋',
|
||||
hot:"117.1万",
|
||||
img:pic16
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.outer {
|
||||
padding: 30px;
|
||||
|
||||
.grid {
|
||||
background-color: white;
|
||||
padding: 30px;
|
||||
|
||||
/* margin: 30px; */
|
||||
width: 100%;
|
||||
// height: 1000px;
|
||||
.hot{
|
||||
padding-right: 5px;
|
||||
margin-left: auto;
|
||||
font-weight: bold;
|
||||
}
|
||||
.name{
|
||||
padding-left: 5px;
|
||||
margin-right: auto;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -4,7 +4,7 @@
|
|||
<div class="app-loading-dots">
|
||||
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
|
||||
</div>
|
||||
<div class="app-loading-title">哈师大四六级查询平台</div>
|
||||
<div class="app-loading-title">直播数据分析平台</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<div class="aui-image">
|
||||
<div class="aui-image-text">
|
||||
<div>
|
||||
<span class="introduce-text" >哈师大四六级查询平台</span>
|
||||
<span class="introduce-text" >直播数据分析平台</span>
|
||||
<br>
|
||||
<br>
|
||||
<span class="introduce-text" style="font-size: 15px;">深入分析 多维展示</span>
|
||||
|
|