wo123/tuanshiwei-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
王创世 2025-07-08 16:18:58 +08:00
parent 91007730ad
commit 53f327f5a5
11 changed files with 234 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/AppAbout.vue
View File

@ -408,6 +408,20 @@ const getNewstypeList = async () => {
width: 700px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 860px;
margin-left: 357px;
}
.News_box{
width: 970px;
margin-left: 250px;
}
.rig_box{
width: 700px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

36
components/AppContactUs.vue
View File

@ -58,17 +58,17 @@
<div class="re_list" v-for="item, index in liuyanList">
<div style="margin: 30px;">
<div class="re_list_tit flex" style="width: 100%;">
<span style="width: 15%">问题：</span>
<span style="width: 17%">问题：</span>
<span style="color: #323232;width:85% ;">{{ item.question }}</span>
</div>
<div class="re_list_tit flex" style="margin-top: 15px;width: 100%;">
<span style="width: 15%">描述：</span>
<span style="width: 17%">描述：</span>
<span :title="item.message" class="three-line-ellipsis"
style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.message
}}</span>
</div>
<div class="re_list_tit flex" style="margin-top: 15px;">
<span style="color: #368FDF;width: 15%;">回复：</span>
<span style="color: #368FDF;width: 17%;">回复：</span>
<span :title="item.answer" class="two-line-ellipsis"
style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.answer
}}</span>
@ -426,6 +426,36 @@ const submitForm = () => {
width: 41px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 860px;
margin-left: 357px;
}
.left-msg {
width: 960px;
margin: 0;
margin-left: 260px;
margin-top: 60px;
}
#myTextarea {
width: 658px;
}
.contactInputs {
width: 165px;
}
.inputforms {
display: flex;
justify-content: start !important;
align-items: center;
}
.contactForm .inputforms span {
width: 41px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

22
components/AppFooter.vue
View File

@ -274,6 +274,28 @@ const openT = () => {
height: 70px;
}
}
@media (max-width: 1366px) {
.group_30 {
width: 870px;
margin-left: 357px;
}
.db-flex {
gap: 10px;
}
.b1 {
width: 180px;
}
.image_29 {
margin-right: 0px;
}
.image_30{
width: 50px;
height: 50px;
}
}
@media (max-width: 1280px) {
.group_30 {
width: 800px;

10
components/AppHeader.vue
View File

@ -195,7 +195,15 @@ onMounted(() => {
}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 1366px) {
.pc-nav-item {
margin-bottom: 20px;
}
.pc-nav {
margin-top: 40px;
}
}
@media screen and (max-width: 1280px) {
.pc-nav-item {

40
components/AppHome.vue
View File

@ -872,7 +872,47 @@ const changeListIndex = async (id: number) => {
margin-left: 380px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 860px;
margin-left: 357px;
}
.home_con {
width: 860px;
margin-left: 357px;
}
.home_con1 {
width: 860px;
margin-left: 357px;
}
.t1 {
font-size: 16px;
}
.t2 {
font-size: 16px;
}
.dddccc {
gap: 15px;
}
.lx-span {
width: 265px;
}
.jc-span {
width: 375px;
}
.tz-span {
width: 153px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

32
components/AppLuoYang.vue
View File

@ -370,7 +370,39 @@ const getNewstypeList = async () => {
font-size: 20px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 870px;
margin-left: 357px;
}
.News_box {
width: 970px;
margin-left: 250px;
}
.ly_list {
width: 188px;
height: 188px;
}
.ly_list_img {
width: 60px;
height: 60px;
margin: 0 auto;
}
.ly_list_img_act {
width: 100px;
height: 100px;
margin: 0 auto;
}
.ly_list_text {
font-size: 16px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

20
components/AppMessage.vue
View File

@ -450,6 +450,26 @@ const getNewstypeList = async () => {
width: 468px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 870px;
margin-left: 357px;
}
.News_box {
width: 970px;
margin-left: 260px;
}
.rig_box {
width: 650px !important;
}
.d_span{
width: 328px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

20
components/AppNews.vue
View File

@ -451,6 +451,26 @@ const getNewstypeList = async () => {
width: 468px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 860px;
margin-left: 357px;
}
.News_box {
width: 960px;
margin-left: 260px;
}
.rig_box {
width: 650px !important;
}
.d_span{
width: 328px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

24
components/AppRegiment.vue
View File

@ -430,6 +430,30 @@ const getNewstypeList = async () => {
width: 280px;
}
}
@media (max-width: 1366px) {
.top_search {
width: 870px;
margin-left: 357px;
}
.News_box {
width: 970px;
margin-left: 260px;
}
.rig_box {
width: 700px;
}
.rm-span {
width: 385px;
}
.gw-span {
width: 225px;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;

18
pages/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div style="width: 100%;height: 100%;">
<img :src="`/img/index/logo.ong`" alt="LOGO" style="display: none;">
<img :src="`/img/index/logo.ong`" alt="LOGO" style="display: none;">
<!-- Swiper 容器 -->
<div :class="['group_666', { 'isOldfont': isOldfont }]" style="position: relative;height: 100vh;">
<AppHeader v-if="swiper_exp > 0" @crrentTop="toswiper" @openOldMode="openOldMode" :is-old="isOldfont"
@ -9,7 +9,7 @@
<swiper-slide>
<img :src="`/img/index/homebg.png`" style="width: 100%;height: 100%;object-fit: cover;">
<div style="position: absolute;top:15%;left:0px;right: 0px;">
<img :src="`/img/index/dlogo1.png`" style="width: 300px;margin: 0 auto;" alt="">
<img :src="`/img/index/dlogo1.png`" class="home-logo" style="margin: 0 auto;" alt="">
</div>
<div style="position: absolute;top: 53%;left:0px;right: 0px;">
<img :src="`/img/index/hmouse1.png`" style="width: 180px;margin: 0 auto;" alt="">
@ -164,7 +164,7 @@ const onSwiperNews = (swiper: any) => {
if (swiper.realIndex != 0) {
newsSwiper.mousewheel.disable();
newsSwiper.allowTouchMove = true;// 开启拖动
}else{
} else {
newsSwiper.mousewheel.enable();
newsSwiper.allowTouchMove = true;
}
@ -364,7 +364,7 @@ onMounted(() => {
transform: translate3d(0px, 0px, -507px) rotateX(0deg) rotateY(0deg) scale(1) !important;
}
.group_666 .swiper-slide img {
.group_666 .swiper-slide {
width: 100%;
height: auto;
// transition: 1s linear 2s;
@ -580,6 +580,16 @@ onMounted(() => {
font-size: 28px !important;
}
.home-logo {
width: 300px;
}
@media screen and (max-width: 1366px) {
.home-logo {
width: 250px;
}
}
@media screen and (max-width: 1440px) {
.fiximg {
right: 30px;

6
pages/info/[id].vue
View File

@ -560,6 +560,12 @@ onMounted(() => {
right: 138px!important;
}
}
@media (max-width: 1366px) {
.topding {
right: 64px!important;
}
}
@media (max-width: 1280px) {
.top_search {
width: 800px;