Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
90c913a8 by zrj
Options

10.27 lpt手机尺寸适配

1 parent 6cc72151
Inline Side-by-side
Showing 4 changed files with 47 additions and 28 deletions
src/App.vue
......@@ -79,13 +79,14 @@ watch(language, (val) => {
@media screen and (max-width: 1200px) {
.box {
width: 860px;
width: 100%;
}
}
@media screen and (max-width: 900px) {
.box {
width: 750px;
width: 100%;
padding: 0;
}
}
......@@ -361,7 +362,8 @@ li.el-select-dropdown__item {
@media (max-width: 800px) {
.box {
width: 96%
width: 100%;
padding: 0 !important;
}
}
......
src/viewsPc/contest/detail.vue
......@@ -3,24 +3,24 @@
<div class="box">
<el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
<el-row class="detail-title">
<el-col :span="4">
<el-col :span="4" :xs="24">
<span v-if="projectMainInfo.status == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].o }}</span>
<span v-else-if="projectMainInfo.status == '2'" 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="8">
<el-col :span="8" :xs="24">
<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>
</div>
</el-col>
<el-col style="border-left: 1px solid #929AA0;border-right: 1px solid #929AA0" :span="4">
<el-col class="fee-border" :span="4" :xs="24">
<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">{{contestFee}}</span>
</div>
</el-col>
<el-col :span="4">
<el-col :span="4" :xs="24">
<div style="display: flex;flex-direction: column;text-align: center">
<span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].c }}</span>
<span style="color: #EEEEEE;font-size: 16px">{{projectMainInfo.projectFormat}}</span>
......@@ -30,36 +30,36 @@
<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="8"><span>{{ languageLibrary[language].h }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[0].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].h }}</span></el-col>
<el-col :lg="16" :sm="12" :xs="12"><span>{{projectMainTabA[0].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].i }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[1].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].i }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[1].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].j }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[2].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].j }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[2].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].k }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[3].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].k }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[3].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].l }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[4].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].l }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[4].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].m }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[5].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].m }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[5].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-sin detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].n }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[6].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].n }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[6].field2}}</span></el-col>
</el-row>
<el-row class="detail-tabs-row-eve detail-tabs-row">
<el-col :span="8"><span>{{ languageLibrary[language].v }}</span></el-col>
<el-col :span="16"><span>{{projectMainTabA[7].field2}}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].v }}</span></el-col>
<el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[7].field2}}</span></el-col>
</el-row>
</el-tab-pane>
<el-tab-pane :label="languageLibrary[language].e" name="second">
......@@ -327,6 +327,7 @@ const goback = function () {
border-radius: 15px;
display: flex;
align-items: center;
text-align: center;
.not-start {
display: inline-block;
......@@ -419,4 +420,19 @@ const goback = function () {
background: transparent !important
}
}
.fee-border {
border-left: 1px solid #929AA0;
border-right: 1px solid #929AA0
}
@media (max-width: 800px) {
.detail-tabs-row {
font-size: 18px !important;
}
.fee-border {
border: none;
}
}
</style>
......
src/viewsPc/photo/detail.vue
......@@ -3,19 +3,19 @@
<div class="box">
<el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
<el-row class="detail-title">
<el-col :span="4">
<el-col :span="4" :xs="24">
<span v-if="projectMainInfo.enrollStatus == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</span>
<span v-else-if="projectMainInfo.enrollStatus == '2'" 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>
</el-col>
<el-col :span="6">
<el-col :span="6" :xs="24">
<span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>
<!-- <div style="display: flex;flex-direction: column;">-->
<!-- <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>-->
<!-- <span>{{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>-->
<!-- </div>-->
</el-col>
<el-col :span="14">
<el-col :span="14" :xs="24">
<span>比赛时间: {{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>
</el-col>
......@@ -184,6 +184,7 @@ const goback = function () {
border-radius: 15px;
display: flex;
align-items: center;
text-align: center;
.not-start {
display: inline-block;
......
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.73:8082',
target: 'https://www.longpoker.com/stage-api/',
target: 'http://192.168.1.6: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!