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) => { ...@@ -79,13 +79,14 @@ watch(language, (val) => {
79 79
80 @media screen and (max-width: 1200px) { 80 @media screen and (max-width: 1200px) {
81 .box { 81 .box {
82 width: 860px; 82 width: 100%;
83 } 83 }
84 } 84 }
85 85
86 @media screen and (max-width: 900px) { 86 @media screen and (max-width: 900px) {
87 .box { 87 .box {
88 width: 750px; 88 width: 100%;
89 padding: 0;
89 } 90 }
90 } 91 }
91 92
...@@ -361,7 +362,8 @@ li.el-select-dropdown__item { ...@@ -361,7 +362,8 @@ li.el-select-dropdown__item {
361 362
362 @media (max-width: 800px) { 363 @media (max-width: 800px) {
363 .box { 364 .box {
364 width: 96% 365 width: 100%;
366 padding: 0 !important;
365 } 367 }
366 } 368 }
367 369
......
src/viewsPc/contest/detail.vue
...@@ -3,24 +3,24 @@ ...@@ -3,24 +3,24 @@
3 <div class="box"> 3 <div class="box">
4 <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button> 4 <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
5 <el-row class="detail-title"> 5 <el-row class="detail-title">
6 <el-col :span="4"> 6 <el-col :span="4" :xs="24">
7 <span v-if="projectMainInfo.status == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].o }}</span> 7 <span v-if="projectMainInfo.status == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].o }}</span>
8 <span v-else-if="projectMainInfo.status == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].p }}</span> 8 <span v-else-if="projectMainInfo.status == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].p }}</span>
9 <span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].q }}</span> 9 <span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].q }}</span>
10 </el-col> 10 </el-col>
11 <el-col :span="8"> 11 <el-col :span="8" :xs="24">
12 <div style="display: flex;flex-direction: column;"> 12 <div style="display: flex;flex-direction: column;">
13 <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span> 13 <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>
14 <span>{{projectMainInfo.startTime + '~' + projectMainInfo.endTime}}</span> 14 <span>{{projectMainInfo.startTime + '~' + projectMainInfo.endTime}}</span>
15 </div> 15 </div>
16 </el-col> 16 </el-col>
17 <el-col style="border-left: 1px solid #929AA0;border-right: 1px solid #929AA0" :span="4"> 17 <el-col class="fee-border" :span="4" :xs="24">
18 <div style="display: flex;flex-direction: column;text-align: center"> 18 <div style="display: flex;flex-direction: column;text-align: center">
19 <span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].b }}</span> 19 <span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].b }}</span>
20 <span style="color: #EEEEEE;font-size: 16px">{{contestFee}}</span> 20 <span style="color: #EEEEEE;font-size: 16px">{{contestFee}}</span>
21 </div> 21 </div>
22 </el-col> 22 </el-col>
23 <el-col :span="4"> 23 <el-col :span="4" :xs="24">
24 <div style="display: flex;flex-direction: column;text-align: center"> 24 <div style="display: flex;flex-direction: column;text-align: center">
25 <span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].c }}</span> 25 <span style="font-size: 14px;color: #929AA0;margin-bottom: 5px">{{ languageLibrary[language].c }}</span>
26 <span style="color: #EEEEEE;font-size: 16px">{{projectMainInfo.projectFormat}}</span> 26 <span style="color: #EEEEEE;font-size: 16px">{{projectMainInfo.projectFormat}}</span>
...@@ -30,36 +30,36 @@ ...@@ -30,36 +30,36 @@
30 <el-tabs v-model="activeName" class="detail-tabs" @tab-click="handleClick"> 30 <el-tabs v-model="activeName" class="detail-tabs" @tab-click="handleClick">
31 <el-tab-pane :label="languageLibrary[language].d" name="first"> 31 <el-tab-pane :label="languageLibrary[language].d" name="first">
32 <el-row class="detail-tabs-row-sin detail-tabs-row"> 32 <el-row class="detail-tabs-row-sin detail-tabs-row">
33 <el-col :span="8"><span>{{ languageLibrary[language].h }}</span></el-col> 33 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].h }}</span></el-col>
34 <el-col :span="16"><span>{{projectMainTabA[0].field2}}</span></el-col> 34 <el-col :lg="16" :sm="12" :xs="12"><span>{{projectMainTabA[0].field2}}</span></el-col>
35 </el-row> 35 </el-row>
36 <el-row class="detail-tabs-row-eve detail-tabs-row"> 36 <el-row class="detail-tabs-row-eve detail-tabs-row">
37 <el-col :span="8"><span>{{ languageLibrary[language].i }}</span></el-col> 37 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].i }}</span></el-col>
38 <el-col :span="16"><span>{{projectMainTabA[1].field2}}</span></el-col> 38 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[1].field2}}</span></el-col>
39 </el-row> 39 </el-row>
40 <el-row class="detail-tabs-row-sin detail-tabs-row"> 40 <el-row class="detail-tabs-row-sin detail-tabs-row">
41 <el-col :span="8"><span>{{ languageLibrary[language].j }}</span></el-col> 41 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].j }}</span></el-col>
42 <el-col :span="16"><span>{{projectMainTabA[2].field2}}</span></el-col> 42 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[2].field2}}</span></el-col>
43 </el-row> 43 </el-row>
44 <el-row class="detail-tabs-row-eve detail-tabs-row"> 44 <el-row class="detail-tabs-row-eve detail-tabs-row">
45 <el-col :span="8"><span>{{ languageLibrary[language].k }}</span></el-col> 45 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].k }}</span></el-col>
46 <el-col :span="16"><span>{{projectMainTabA[3].field2}}</span></el-col> 46 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[3].field2}}</span></el-col>
47 </el-row> 47 </el-row>
48 <el-row class="detail-tabs-row-sin detail-tabs-row"> 48 <el-row class="detail-tabs-row-sin detail-tabs-row">
49 <el-col :span="8"><span>{{ languageLibrary[language].l }}</span></el-col> 49 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].l }}</span></el-col>
50 <el-col :span="16"><span>{{projectMainTabA[4].field2}}</span></el-col> 50 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[4].field2}}</span></el-col>
51 </el-row> 51 </el-row>
52 <el-row class="detail-tabs-row-eve detail-tabs-row"> 52 <el-row class="detail-tabs-row-eve detail-tabs-row">
53 <el-col :span="8"><span>{{ languageLibrary[language].m }}</span></el-col> 53 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].m }}</span></el-col>
54 <el-col :span="16"><span>{{projectMainTabA[5].field2}}</span></el-col> 54 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[5].field2}}</span></el-col>
55 </el-row> 55 </el-row>
56 <el-row class="detail-tabs-row-sin detail-tabs-row"> 56 <el-row class="detail-tabs-row-sin detail-tabs-row">
57 <el-col :span="8"><span>{{ languageLibrary[language].n }}</span></el-col> 57 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].n }}</span></el-col>
58 <el-col :span="16"><span>{{projectMainTabA[6].field2}}</span></el-col> 58 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[6].field2}}</span></el-col>
59 </el-row> 59 </el-row>
60 <el-row class="detail-tabs-row-eve detail-tabs-row"> 60 <el-row class="detail-tabs-row-eve detail-tabs-row">
61 <el-col :span="8"><span>{{ languageLibrary[language].v }}</span></el-col> 61 <el-col :lg="8" :sm="12" :xs="12"><span>{{ languageLibrary[language].v }}</span></el-col>
62 <el-col :span="16"><span>{{projectMainTabA[7].field2}}</span></el-col> 62 <el-col :lg="8" :sm="12" :xs="12"><span>{{projectMainTabA[7].field2}}</span></el-col>
63 </el-row> 63 </el-row>
64 </el-tab-pane> 64 </el-tab-pane>
65 <el-tab-pane :label="languageLibrary[language].e" name="second"> 65 <el-tab-pane :label="languageLibrary[language].e" name="second">
...@@ -327,6 +327,7 @@ const goback = function () { ...@@ -327,6 +327,7 @@ const goback = function () {
327 border-radius: 15px; 327 border-radius: 15px;
328 display: flex; 328 display: flex;
329 align-items: center; 329 align-items: center;
330 text-align: center;
330 331
331 .not-start { 332 .not-start {
332 display: inline-block; 333 display: inline-block;
...@@ -419,4 +420,19 @@ const goback = function () { ...@@ -419,4 +420,19 @@ const goback = function () {
419 background: transparent !important 420 background: transparent !important
420 } 421 }
421 } 422 }
423
424 .fee-border {
425 border-left: 1px solid #929AA0;
426 border-right: 1px solid #929AA0
427 }
428
429 @media (max-width: 800px) {
430 .detail-tabs-row {
431 font-size: 18px !important;
432 }
433
434 .fee-border {
435 border: none;
436 }
437 }
422 </style> 438 </style>
......
src/viewsPc/photo/detail.vue
...@@ -3,19 +3,19 @@ ...@@ -3,19 +3,19 @@
3 <div class="box"> 3 <div class="box">
4 <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button> 4 <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].a }}</el-button>
5 <el-row class="detail-title"> 5 <el-row class="detail-title">
6 <el-col :span="4"> 6 <el-col :span="4" :xs="24">
7 <span v-if="projectMainInfo.enrollStatus == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</span> 7 <span v-if="projectMainInfo.enrollStatus == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</span>
8 <span v-else-if="projectMainInfo.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</span> 8 <span v-else-if="projectMainInfo.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</span>
9 <span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</span> 9 <span v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</span>
10 </el-col> 10 </el-col>
11 <el-col :span="6"> 11 <el-col :span="6" :xs="24">
12 <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span> 12 <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>
13 <!-- <div style="display: flex;flex-direction: column;">--> 13 <!-- <div style="display: flex;flex-direction: column;">-->
14 <!-- <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>--> 14 <!-- <span style="font-size: 20px;font-weight: bold;margin-bottom: 5px">{{projectMainInfo.name}}</span>-->
15 <!-- <span>{{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>--> 15 <!-- <span>{{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>-->
16 <!-- </div>--> 16 <!-- </div>-->
17 </el-col> 17 </el-col>
18 <el-col :span="14"> 18 <el-col :span="14" :xs="24">
19 <span>比赛时间: {{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span> 19 <span>比赛时间: {{projectMainInfo.beginTime + '~' + projectMainInfo.endTime}}</span>
20 </el-col> 20 </el-col>
21 21
...@@ -184,6 +184,7 @@ const goback = function () { ...@@ -184,6 +184,7 @@ const goback = function () {
184 border-radius: 15px; 184 border-radius: 15px;
185 display: flex; 185 display: flex;
186 align-items: center; 186 align-items: center;
187 text-align: center;
187 188
188 .not-start { 189 .not-start {
189 display: inline-block; 190 display: inline-block;
......
vite.config.js
...@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => { ...@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => {
84 }, 84 },
85 '/dev-api': { 85 '/dev-api': {
86 // target: 'http://192.168.1.118:8082/', 86 // target: 'http://192.168.1.118:8082/',
87 // target: 'http://192.168.1.73:8082', 87 target: 'http://192.168.1.6:8082',
88 target: 'https://www.longpoker.com/stage-api/', 88 // target: 'https://www.longpoker.com/stage-api/',
89 // target: 'http://124.70.181.90:1880/stage-api', 89 // target: 'http://124.70.181.90:1880/stage-api',
90 // target: 'https://sys.2025wtcwuxi.com/stage-api/', 90 // target: 'https://sys.2025wtcwuxi.com/stage-api/',
91 changeOrigin: true, 91 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!