6c3369fe by zrj

10.30 lpt手机适配调整

1 parent 90c913a8
......@@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="/bitbug_favicon.ico">
<title>LPT</title>
......
......@@ -86,6 +86,7 @@
<el-menu-item index="/photo">{{ languageLibrary[language].d }}</el-menu-item>
<el-menu-item index="/mall">{{ languageLibrary[language].e }}</el-menu-item>
<el-menu-item index="/about">{{ languageLibrary[language].f }}</el-menu-item>
<el-menu-item index="/club">{{ languageLibrary[language].g }}</el-menu-item>
</el-menu>
</el-drawer>
<SearchPop v-if="language==0" ref="searchDialog"/>
......
......@@ -44,10 +44,10 @@
<div v-else-if="n.enrollStatus == '2'" style="background: #21C9AB;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].c }}</div>
<div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].d }}</div>
</span>
<span style="font-size: 26px">{{ n.cptName }}</span>
<span style="font-size: 18px" v-if="n.signKnow">{{ n.signKnow }}</span>
<span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{ n.matchTimeStr }}</span>
<span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{ n.address }}</span>
<span class="fontSize_26">{{ n.cptName }}</span>
<span class="fontSize_18" v-if="n.signKnow">{{ n.signKnow }}</span>
<span class="fontSize_18"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{ n.matchTimeStr }}</span>
<span class="fontSize_18"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{ n.address }}</span>
</div>
</div>
</el-col>
......@@ -229,8 +229,24 @@ const goDetail = (id) => {
box-shadow: none;
}
}
}
.fontSize_26 {
font-size: 26px;
}
.fontSize_18 {
font-size: 18px;
}
@media screen and (max-width: 800px) {
.fontSize_26 {
font-size: 22px !important;
}
.fontSize_18 {
font-size: 16px !important;
}
}
</style>
......
......@@ -5,14 +5,14 @@
<div style="position: relative">
<img class="list-title" :src="fillImgUrl(mainInfo.bgImgUrl)">
<div style="position: absolute;color: #fff;top:15%;left:5%;width: 100%">
<el-row class="mg-bottom" style="font-size: 16px;">
<el-row class="mg-bottom fontSize_16">
<div v-if="mainInfo.enrollStatus == '1'" style="background: #3194FA;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].g }}</div>
<div v-else-if="mainInfo.enrollStatus == '2'" 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 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>
<el-row class="mg-bottom fontSize_38"><span>{{mainInfo.name}}</span></el-row>
<el-row class="mg-bottom fontSize_20"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" /><span>{{mainInfo.beginTime}}</span></el-row>
<el-row class="fontSize_20"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" /><span>{{mainInfo.address}}</span></el-row>
</div>
</div>
<el-row style="margin: 20px 0">
......@@ -284,9 +284,39 @@ const goback = function () {
margin-bottom: 25px;
}
.fontSize_20 {
font-size: 20px;
}
.fontSize_38 {
font-size: 38px;
}
.fontSize_16 {
font-size: 16px;
}
@media (max-width: 1550px) {
.mg-bottom {
margin-bottom: 8px;
}
}
@media (max-width: 800px) {
.fontSize_20 {
font-size: 14px;
}
.fontSize_38 {
font-size: 16px;
}
.fontSize_16 {
font-size: 12px;
}
.list-title {
aspect-ratio: 16/5;
}
}
</style>
......
......@@ -46,10 +46,10 @@
<div v-else-if="n.enrollStatus == '2'" 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>
</span>
<span style="font-size: 26px">{{n.cptName}}</span>
<span style="font-size: 18px" v-if="n.signKnow">{{n.signKnow}}</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>
<span class="fontSize_26" style="font-size: 26px">{{n.cptName}}</span>
<span class="fontSize_18" style="font-size: 18px" v-if="n.signKnow">{{n.signKnow}}</span>
<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>
<span class="fontSize_18" style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span>
</div>
</div>
</el-col>
......@@ -125,7 +125,7 @@
</div>
<el-card style="background: transparent; border: none">
<el-row v-if="livelist.length>4">
<el-col :lg="12">
<el-col :lg="12" style="margin-bottom: 20px">
<a class="liveImgbox" @click="goDetail(livelist[0])">
<div class="imgBox" style="min-height: 200px">
<img v-if="livelist[0]" style="aspect-ratio: 1/1" :src="fillImgUrl(livelist[0].picUrl)">
......@@ -671,6 +671,14 @@ const nextImage = function (url) {
}
}
.fontSize_26 {
font-size: 26px;
}
.fontSize_18 {
font-size: 18px;
}
@media screen and (max-width: 1650px) {
.teacher {
height: 320px;
......@@ -720,6 +728,14 @@ const nextImage = function (url) {
}
}
}
.fontSize_26 {
font-size: 20px !important;
}
.fontSize_18 {
font-size: 14px !important;
}
}
.aboutBox {
......
......@@ -264,7 +264,7 @@ const goDetail = (id) => {
.go{font-size: 12px;}
}
.newsLine{
.item{height: 50px;
.item{height: auto;
.date{height: 34px;width: 44px;margin: 0;
.day{font-size: 16px;}
p{font-size: 12px;}
......
......@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => {
},
'/dev-api': {
// target: 'http://192.168.1.118:8082/',
target: 'http://192.168.1.6: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!