Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
9eb08d5a by zrj
Options

lpt 9.5首页修改

1 parent 174682fa
Inline Side-by-side
Showing 11 changed files with 81 additions and 52 deletions
src/layoutPc/components/AppBottom.vue
......@@ -4,7 +4,8 @@
<el-row align="middle" justify="space-between">
<el-col :span="18">
<div class="text-center copyright pd10">{{ languageLibrary[language].a }}
<a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a></div>
<!-- <a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a>-->
</div>
</el-col>
<el-col :span="6">
<div>
......
src/viewsPc/contest/detail.vue
......@@ -3,12 +3,12 @@
<div class="box">
<el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
<el-row class="detail-title">
<el-col :span="2">
<el-col :span="4">
<span v-if="projectMainInfo.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].o }}</span>
<span v-else-if="projectMainInfo.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].p }}</span>
<span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].q }}</span>
</el-col>
<el-col :span="6">
<el-col :span="8">
<div style="display: flex;flex-direction: column;">
<span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>
<span>{{projectMainInfo.startTime + '~' + projectMainInfo.endTime}}</span>
......@@ -17,7 +17,7 @@
<el-col style="border-left: 1px solid #929AA0;border-right: 1px solid #929AA0" :span="4">
<div style="display: flex;flex-direction: column;text-align: center">
<span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].b }}</span>
<span style="color: #EEEEEE;font-size: 16px">${{projectMainInfo.serviceFee}}</span>
<span style="color: #EEEEEE;font-size: 16px">{{projectMainInfo.serviceFee}}</span>
</div>
</el-col>
<el-col :span="4">
......@@ -30,40 +30,41 @@
<el-tabs v-model="activeName" class="detail-tabs" @tab-click="handleClick">
<el-tab-pane :label="languageLibrary[language].d" name="first">
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].h }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[0].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].h }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[0].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].i }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[1].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].i }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[1].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].j }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[2].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].j }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[2].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].k }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[3].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].k }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[3].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].l }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[4].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].l }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[4].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].m }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[5].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].m }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[5].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].n }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[6].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].n }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[6].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="4"><span>{{ languageLibrary[language].v }}</span></el-col>
<el-col :span="20"><span>{{projectMainTabA[7].field2}}</span></el-col>
<el-col :span="8"><span>{{ languageLibrary[language].v }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[7].field2}}</span></el-col>
</el-row>
</el-tab-pane>
<el-tab-pane :label="languageLibrary[language].e" name="second">
<el-table
v-if="projectMainTabOther.length > 0"
class="contest-table"
:data="projectMainTabOther"
:cell-style="{borderColor:'#3A405B',textAlign:'center',color:'#fff',padding: '15px 20px'}"
......@@ -80,6 +81,7 @@
</el-tab-pane>
<el-tab-pane :label="languageLibrary[language].f" name="third">
<el-table
v-if="projectMainTabOther.length > 0"
class="contest-table"
:data="projectMainTabOther"
:cell-style="{borderColor:'#3A405B',textAlign:'center',color:'#fff',padding: '15px 20px'}"
......@@ -92,6 +94,7 @@
</el-tab-pane>
<el-tab-pane :label="languageLibrary[language].g" name="fourth">
<el-table
v-if="projectMainTabOther.length > 0"
class="contest-table"
:data="projectMainTabOther"
:cell-style="{borderColor:'#3A405B',textAlign:'center',color:'#fff',padding: '15px 20px'}"
......
src/viewsPc/contest/list.vue
......@@ -3,16 +3,16 @@
<div class="box">
<el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
<div style="position: relative">
<img class="list-title" :src="fillImgUrl(mainInfo.coverUrl)">
<div style="position: absolute;color: #fff;top:15%;left:5%">
<el-row style="font-size: 16px;margin-bottom: 25px">
<div class="list-title" />
<div style="position: absolute;color: #fff;top:15%;left:5%;width: 100%">
<el-row class="mg-bottom" style="font-size: 16px;">
<div v-if="mainInfo.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
<div v-else-if="mainInfo.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
<div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
</el-row>
<el-row style="font-size: 38px;margin-bottom: 25px"><span>{{mainInfo.name}}</span></el-row>
<el-row style="font-size: 20px;margin-bottom: 25px"><span>{{mainInfo.beginTime + '~' + mainInfo.endTime}}</span></el-row>
<el-row style="font-size: 20px"><span>{{mainInfo.address}}</span></el-row>
<el-row class="mg-bottom" style="font-size: 38px;"><span>{{mainInfo.name}}</span></el-row>
<el-row class="mg-bottom" style="font-size: 20px;"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" /><span>{{mainInfo.beginTime}}</span></el-row>
<el-row style="font-size: 20px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" /><span>{{mainInfo.address}}</span></el-row>
</div>
</div>
<el-row style="margin: 20px 0">
......@@ -34,8 +34,8 @@
<div class="child-card">
<el-button class="go-btn" @click="goDetail(item.id)"></el-button>
<el-row style="margin-bottom: 10px">
<div v-if="competitionList.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
<div v-else-if="competitionList.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
<div v-if="item.statusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
<div v-else-if="item.statusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
<div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
</el-row>
<el-row style="margin-bottom: 10px; font-weight: bold;font-size: 20px">{{item.name}}</el-row>
......@@ -184,7 +184,7 @@ const goback = function () {
.list-title {
width: 100%;
background: url("/dev-api/fs/20250729/image/8638425535731875840.png") no-repeat;
background: url("@/assets/v1/xq.png") no-repeat;
background-size: cover;
aspect-ratio: 16/3;
}
......@@ -251,4 +251,14 @@ const goback = function () {
z-index: 1;
}
}
.mg-bottom {
margin-bottom: 25px;
}
@media (max-width: 1550px) {
.mg-bottom {
margin-bottom: 8px;
}
}
</style>
......
src/viewsPc/index.vue
......@@ -47,7 +47,7 @@
<div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
</span>
<span style="font-size: 26px">{{n.cptName}}</span>
<span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{n.beginTime + '~' + n.endTime}}</span>
<span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{getTimeFormate(n.beginTime) + '~' + getTimeFormate(n.endTime)}}</span>
<span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span>
</div>
</div>
......@@ -327,6 +327,15 @@ const goVideo = () => {
path: `/video/index`,
})
}
const getTimeFormate = (time) => {
const showDay = new Date(time)
const year = showDay.getFullYear();
const month = showDay.getMonth() + 1; // 月份是从0开始的，所以需要加1
const date = showDay.getDate();
return `${year}-${month.toString().padStart(2, '0')}-${date.toString().padStart(2, '0')}`;
}
</script>
<style lang="scss" scoped>
......
src/viewsPc/instagram/index.vue
......@@ -108,7 +108,7 @@ const getList = () => {
.photo-img {
width: 100%;
aspect-ratio: 2/1;
aspect-ratio: 3/2;
cursor: pointer;
}
......
src/viewsPc/mall/index.vue
......@@ -7,7 +7,7 @@
</el-col>
</el-row>
<el-row>
<el-col class="photo-space" :lg="8" v-for="item in itemList">
<el-col class="photo-space" :lg="8" v-for="item in itemList.slice(0,1)">
<div class="photo-img-group">
<img class="photo-img" :src="fillImgUrl(item.picUrl)">
<span style="display: block;font-size: 16px;margin:5px 0;color:#fff">{{item.name}}</span>
......
src/viewsPc/news/index.vue
......@@ -200,7 +200,7 @@ const goDetail = (id) => {
.firstItem{cursor: pointer;
background: #F7F8FC;height: 100%;padding: 10px 20px;
.date{font-weight: bold;transform: scaleX(0.7);transform-origin: left;
.date{font-weight: bold;transform: scaleX(1);transform-origin: left;
font-size: 18px;
color: #4C5359;
p{margin: 5px 0;}
......@@ -217,8 +217,8 @@ const goDetail = (id) => {
.item{display: flex;position: relative;width: 100%;height: auto;
align-items: center;cursor: pointer;border-bottom: 1px solid #3C4259;
.date{width: 60px;height: 60px;text-align: center;background: #43445B;margin: 0 10px;
.day{color: #CAA767;transform: scaleX(0.7);font-weight: bold;font-size: 24px;}
p{font-size: 14px;margin: 0;transform: scaleX(0.7);font-weight: bold;color: #7B7F83;}
.day{color: #CAA767;transform: scaleX(1);font-weight: bold;font-size: 24px;}
p{font-size: 14px;margin: 0;transform: scaleX(1);font-weight: bold;color: #7B7F83;}
}
.item-body{width: 100%;
h3{padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #fff;}
......
src/viewsPc/photo/detail.vue
......@@ -3,7 +3,7 @@
<div class="box">
<el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
<el-row class="detail-title">
<el-col :span="2">
<el-col :span="4">
<span v-if="projectMainInfo.enrollStatusStr == '未开始'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</span>
<span v-else-if="projectMainInfo.enrollStatusStr == '进行中'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</span>
<span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</span>
......@@ -15,7 +15,7 @@
<!-- <span>{{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>-->
<!-- </div>-->
</el-col>
<el-col :span="16">
<el-col :span="14">
<span>比赛时间: {{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>
</el-col>
......@@ -164,7 +164,7 @@ const goback = function () {
.photo-img {
width: 100%;
aspect-ratio: 2/1;
aspect-ratio: 3/2;
cursor: pointer;
}
</style>
......
src/viewsPc/video/index.vue
......@@ -23,10 +23,10 @@
<el-row>
<el-col class="photo-space" :lg="6" v-for="item in itemList">
<div class="photo-img-group">
<img class="photo-img" @click="goDetail(item)" :src="fillImgUrl('/fs/20250729/image/8638425535731875840.png')">
<img class="photo-img" @click="goDetail(item)" :src="fillImgUrl(item.picUrl)">
<div class="photo-img-info">
<span style="display: block;font-size: 16px;padding:5px 0">LPT巡回赛</span>
<span style="display: block;font-size: 14px;color: #C2A165">2025-01-01</span>
<span style="display: block;font-size: 16px;padding:5px 0">{{item.name}}</span>
<span style="display: block;font-size: 14px;color: #C2A165">{{item.publishTime}}</span>
</div>
</div>
</el-col>
......@@ -42,32 +42,38 @@ import { onMounted, ref } from 'vue'
import { getNewsListById } from '@/apiPc/webSite'
import { useRouter } from 'vue-router'
import {useStorage} from "@vueuse/core/index";
import * as match from "@/apiPc/match";
const language = useStorage('language', 0)
const router = useRouter()
const searchParam = ref({
type:'1',
text:'',
status: 1,
sortId: 2000,
})
const itemList = ref(['a','a','a','a','a','a','a','a','a'])
const itemList = ref([])
onMounted(() => {
getList()
})
const searchByType = (type) => {
searchParam.value.type = type
}
const getList = (obj) => {
getNewsListById(obj).then(res => {
newsList.value = res.rows
const getList = () => {
match.getNoteList(searchParam.value).then(res => {
if (res.code === 200) {
itemList.value = res.rows
itemList.value.forEach(x => {
x.attacth = JSON.parse(x.attacthJson)
})
}
})
}
const goDetail = (id) => {
const goDetail = (n) => {
router.push({
path: `/news/detail/${id}`
path: `/news/detail/${n.noteId}`
})
}
</script>
......
vite.config.js
......@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => {
},
'/dev-api': {
// target: 'http://192.168.1.118:8082/',
target: 'http://192.168.1.194:8082',
// target: 'https://tk005.wxjylt.com/stage-api',
// target: 'http://192.168.1.194:8082',
target: 'https://www.longpoker.com/stage-api/',
// target: 'http://124.70.181.90:1880/stage-api',
// target: 'https://sys.2025wtcwuxi.com/stage-api/',
changeOrigin: true,
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!