Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
6c3369fe by zrj
Options

10.30 lpt手机适配调整

1 parent 90c913a8
Inline Side-by-side
Showing 7 changed files with 80 additions and 16 deletions
index.html
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7 <meta name="renderer" content="webkit"> 7 <meta name="renderer" content="webkit">
8 <meta name="referrer" content="no-referrer">
8 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
9 <link rel="icon" href="/bitbug_favicon.ico"> 10 <link rel="icon" href="/bitbug_favicon.ico">
10 <title>LPT</title> 11 <title>LPT</title>
......
src/layoutPc/components/AppHeader.vue
...@@ -86,6 +86,7 @@ ...@@ -86,6 +86,7 @@
86 <el-menu-item index="/photo">{{ languageLibrary[language].d }}</el-menu-item> 86 <el-menu-item index="/photo">{{ languageLibrary[language].d }}</el-menu-item>
87 <el-menu-item index="/mall">{{ languageLibrary[language].e }}</el-menu-item> 87 <el-menu-item index="/mall">{{ languageLibrary[language].e }}</el-menu-item>
88 <el-menu-item index="/about">{{ languageLibrary[language].f }}</el-menu-item> 88 <el-menu-item index="/about">{{ languageLibrary[language].f }}</el-menu-item>
89 <el-menu-item index="/club">{{ languageLibrary[language].g }}</el-menu-item>
89 </el-menu> 90 </el-menu>
90 </el-drawer> 91 </el-drawer>
91 <SearchPop v-if="language==0" ref="searchDialog"/> 92 <SearchPop v-if="language==0" ref="searchDialog"/>
......
src/viewsPc/contest/index.vue
...@@ -44,10 +44,10 @@ ...@@ -44,10 +44,10 @@
44 <div v-else-if="n.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].c }}</div> 44 <div v-else-if="n.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].c }}</div>
45 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].d }}</div> 45 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].d }}</div>
46 </span> 46 </span>
47 <span style="font-size: 26px">{{ n.cptName }}</span> 47 <span class="fontSize_26">{{ n.cptName }}</span>
48 <span style="font-size: 18px" v-if="n.signKnow">{{ n.signKnow }}</span> 48 <span class="fontSize_18" v-if="n.signKnow">{{ n.signKnow }}</span>
49 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{ n.matchTimeStr }}</span> 49 <span class="fontSize_18"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{ n.matchTimeStr }}</span>
50 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{ n.address }}</span> 50 <span class="fontSize_18"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{ n.address }}</span>
51 </div> 51 </div>
52 </div> 52 </div>
53 </el-col> 53 </el-col>
...@@ -229,8 +229,24 @@ const goDetail = (id) => { ...@@ -229,8 +229,24 @@ const goDetail = (id) => {
229 box-shadow: none; 229 box-shadow: none;
230 } 230 }
231 } 231 }
232 }
233
234 .fontSize_26 {
235 font-size: 26px;
236 }
232 237
238 .fontSize_18 {
239 font-size: 18px;
240 }
233 241
242 @media screen and (max-width: 800px) {
243 .fontSize_26 {
244 font-size: 22px !important;
245 }
246
247 .fontSize_18 {
248 font-size: 16px !important;
249 }
234 } 250 }
235 </style> 251 </style>
236 252
......
src/viewsPc/contest/list.vue
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
5 <div style="position: relative"> 5 <div style="position: relative">
6 <img class="list-title" :src="fillImgUrl(mainInfo.bgImgUrl)"> 6 <img class="list-title" :src="fillImgUrl(mainInfo.bgImgUrl)">
7 <div style="position: absolute;color: #fff;top:15%;left:5%;width: 100%"> 7 <div style="position: absolute;color: #fff;top:15%;left:5%;width: 100%">
8 <el-row class="mg-bottom" style="font-size: 16px;"> 8 <el-row class="mg-bottom fontSize_16">
9 <div v-if="mainInfo.enrollStatus == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div> 9 <div v-if="mainInfo.enrollStatus == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
10 <div v-else-if="mainInfo.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div> 10 <div v-else-if="mainInfo.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
11 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div> 11 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
12 </el-row> 12 </el-row>
13 <el-row class="mg-bottom" style="font-size: 38px;"><span>{{mainInfo.name}}</span></el-row> 13 <el-row class="mg-bottom fontSize_38"><span>{{mainInfo.name}}</span></el-row>
14 <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> 14 <el-row class="mg-bottom fontSize_20"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" /><span>{{mainInfo.beginTime}}</span></el-row>
15 <el-row style="font-size: 20px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" /><span>{{mainInfo.address}}</span></el-row> 15 <el-row class="fontSize_20"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" /><span>{{mainInfo.address}}</span></el-row>
16 </div> 16 </div>
17 </div> 17 </div>
18 <el-row style="margin: 20px 0"> 18 <el-row style="margin: 20px 0">
...@@ -284,9 +284,39 @@ const goback = function () { ...@@ -284,9 +284,39 @@ const goback = function () {
284 margin-bottom: 25px; 284 margin-bottom: 25px;
285 } 285 }
286 286
287 .fontSize_20 {
288 font-size: 20px;
289 }
290
291 .fontSize_38 {
292 font-size: 38px;
293 }
294
295 .fontSize_16 {
296 font-size: 16px;
297 }
298
287 @media (max-width: 1550px) { 299 @media (max-width: 1550px) {
288 .mg-bottom { 300 .mg-bottom {
289 margin-bottom: 8px; 301 margin-bottom: 8px;
290 } 302 }
291 } 303 }
304
305 @media (max-width: 800px) {
306 .fontSize_20 {
307 font-size: 14px;
308 }
309
310 .fontSize_38 {
311 font-size: 16px;
312 }
313
314 .fontSize_16 {
315 font-size: 12px;
316 }
317
318 .list-title {
319 aspect-ratio: 16/5;
320 }
321 }
292 </style> 322 </style>
......
src/viewsPc/index.vue
...@@ -46,10 +46,10 @@ ...@@ -46,10 +46,10 @@
46 <div v-else-if="n.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div> 46 <div v-else-if="n.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].h }}</div>
47 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div> 47 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
48 </span> 48 </span>
49 <span style="font-size: 26px">{{n.cptName}}</span> 49 <span class="fontSize_26" style="font-size: 26px">{{n.cptName}}</span>
50 <span style="font-size: 18px" v-if="n.signKnow">{{n.signKnow}}</span> 50 <span class="fontSize_18" style="font-size: 18px" v-if="n.signKnow">{{n.signKnow}}</span>
51 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{getTimeFormate(n.beginTime) + '~' + getTimeFormate(n.endTime)}}</span> 51 <span class="fontSize_18" style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{getTimeFormate(n.beginTime) + '~' + getTimeFormate(n.endTime)}}</span>
52 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span> 52 <span class="fontSize_18" style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span>
53 </div> 53 </div>
54 </div> 54 </div>
55 </el-col> 55 </el-col>
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
125 </div> 125 </div>
126 <el-card style="background: transparent; border: none"> 126 <el-card style="background: transparent; border: none">
127 <el-row v-if="livelist.length>4"> 127 <el-row v-if="livelist.length>4">
128 <el-col :lg="12"> 128 <el-col :lg="12" style="margin-bottom: 20px">
129 <a class="liveImgbox" @click="goDetail(livelist[0])"> 129 <a class="liveImgbox" @click="goDetail(livelist[0])">
130 <div class="imgBox" style="min-height: 200px"> 130 <div class="imgBox" style="min-height: 200px">
131 <img v-if="livelist[0]" style="aspect-ratio: 1/1" :src="fillImgUrl(livelist[0].picUrl)"> 131 <img v-if="livelist[0]" style="aspect-ratio: 1/1" :src="fillImgUrl(livelist[0].picUrl)">
...@@ -671,6 +671,14 @@ const nextImage = function (url) { ...@@ -671,6 +671,14 @@ const nextImage = function (url) {
671 } 671 }
672 } 672 }
673 673
674 .fontSize_26 {
675 font-size: 26px;
676 }
677
678 .fontSize_18 {
679 font-size: 18px;
680 }
681
674 @media screen and (max-width: 1650px) { 682 @media screen and (max-width: 1650px) {
675 .teacher { 683 .teacher {
676 height: 320px; 684 height: 320px;
...@@ -720,6 +728,14 @@ const nextImage = function (url) { ...@@ -720,6 +728,14 @@ const nextImage = function (url) {
720 } 728 }
721 } 729 }
722 } 730 }
731
732 .fontSize_26 {
733 font-size: 20px !important;
734 }
735
736 .fontSize_18 {
737 font-size: 14px !important;
738 }
723 } 739 }
724 740
725 .aboutBox { 741 .aboutBox {
......
src/viewsPc/news/index.vue
...@@ -264,7 +264,7 @@ const goDetail = (id) => { ...@@ -264,7 +264,7 @@ const goDetail = (id) => {
264 .go{font-size: 12px;} 264 .go{font-size: 12px;}
265 } 265 }
266 .newsLine{ 266 .newsLine{
267 .item{height: 50px; 267 .item{height: auto;
268 .date{height: 34px;width: 44px;margin: 0; 268 .date{height: 34px;width: 44px;margin: 0;
269 .day{font-size: 16px;} 269 .day{font-size: 16px;}
270 p{font-size: 12px;} 270 p{font-size: 12px;}
......
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.6: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!