From 81ca4297d8cc20dd96ce1474982f4eeb5275a493 Mon Sep 17 00:00:00 2001 From: zhangkai <847704969@qq.com> Date: Wed, 11 Jun 2025 18:23:32 +0800 Subject: [PATCH] =?UTF-8?q?1=EF=BC=8C=E6=89=8B=E6=9C=BA=E7=AB=AF=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E6=96=B0=E5=88=97=E8=A1=A8=20=E8=BD=AE=E6=92=AD?= =?UTF-8?q?=E5=9B=BE=20=E8=AF=A6=E6=83=85=20=E7=95=99=E8=A8=80=E6=9D=BF=20?= =?UTF-8?q?2=E3=80=81=E6=89=8B=E6=9C=BA=E7=AB=AF=E6=96=87=E7=AB=A0?= =?UTF-8?q?=E8=AF=A6=E6=83=85=EF=BC=8C=E7=99=BE=E7=A7=91=E8=AF=A6=E6=83=85?= =?UTF-8?q?=EF=BC=8C=E5=85=AC=E5=BC=80=E4=BF=A1=E6=81=AF=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/index.scss | 19 +++++++----- components/AppHeader.vue | 3 +- components/AppHome.vue | 51 ++++++++++++------------------ pages/phone_index.vue | 62 ++++++++++++++++++++++++++++++------- pages/search_info/index.vue | 5 --- 5 files changed, 84 insertions(+), 56 deletions(-) diff --git a/assets/index.scss b/assets/index.scss index 15c15b2..429d26b 100644 --- a/assets/index.scss +++ b/assets/index.scss @@ -985,16 +985,19 @@ } .box_13 { - background-color: rgba(248, 249, 251, 1); + // background-color: rgba(248, 249, 251, 1); width: 380px; height: 254px; margin-left: 30px; } .text-group_6 { - width: 340px; - height: 90px; - margin: 20px 0 0 18px; + width: 340px; + height: 90px; + margin: 20px 0 0 18px; + background: #f2f2f2; + padding: 10px; + border-radius: 10px; } .text_43 { @@ -1030,17 +1033,18 @@ } .section_6 { - background-color: rgba(252, 116, 40, 1); + background: #3B90DF; width: 6px; height: 6px; margin-top: 5px; + border-radius: 50%; } .text_44 { width: 56px; height: 14px; overflow-wrap: break-word; - color: rgba(252, 116, 40, 1); + color: #3B90DF; font-size: 14px; font-family: Microsoft YaHei UI-Regular; font-weight: NaN; @@ -1284,7 +1288,7 @@ .box_18 { width: 100%; height: 465px; - background: var(--bg-5) 100% no-repeat; + // background: var(--bg-5) 100% no-repeat; background-size: 100% 100%; justify-content: flex-center; } @@ -1651,6 +1655,7 @@ margin-bottom: 50px; } + .text-wrapper_13 { width: 100%; // height: 17px; diff --git a/components/AppHeader.vue b/components/AppHeader.vue index b6e7037..4451671 100644 --- a/components/AppHeader.vue +++ b/components/AppHeader.vue @@ -158,5 +158,6 @@ onMounted(() => { cursor: pointer; } } - +@media screen and (max-width: 768px) { +} \ No newline at end of file diff --git a/components/AppHome.vue b/components/AppHome.vue index 3149145..98b8cfa 100644 --- a/components/AppHome.vue +++ b/components/AppHome.vue @@ -6,7 +6,7 @@
-
+
@@ -20,13 +20,9 @@
-
- +
{{ item.title }}
@@ -74,6 +70,7 @@
+
@@ -225,7 +222,6 @@ const swiperOptionsimgs = { } const hmScroll = () => { let home = document.getElementById('homeid'); - console.log(home.scrollTop,home.clientHeight,home.scrollHeight); if( home.scrollTop + home.clientHeight >= home.scrollHeight){ setTimeout(function() { emit('toSwpe',2); @@ -397,7 +393,7 @@ onMounted(() => { .inputform { position: relative; width: 340px; - margin-right: 319px; + // margin-right: 319px; } .contactInput { width: 337px; @@ -433,34 +429,17 @@ onMounted(() => { // margin: 0 auto; margin-top: 50px; margin-left: 400px; - .fly_text{ - position: relative; - width: 305px; - height: 101px; - img{ - position: absolute; - top: 0; - right: 0; - width: 305px; - height: 101px; - } - span{ - position: absolute; - top: 40px; - left: 100px; - font-family: Microsoft YaHei UI; - font-weight: bolder; - font-size: 36px; - color: #FFA234; - z-index: 1; - } - } + .fly{ - width: 600px; + width: 50%; // padding-left: 80px; + .swiper_s{ + width: 100%; + height: 418px; + } } .fly1{ - width: 600px; + width: 50%; // margin-left: 30px; } .re_box{ @@ -648,4 +627,12 @@ onMounted(() => { } } } + @media (max-width: 1440px) { + .home_con2,.home_con1,.home_con{ + width: 900px; + } + .fly1s{ + width: 500px; + } + } diff --git a/pages/phone_index.vue b/pages/phone_index.vue index edb939f..bf787cc 100644 --- a/pages/phone_index.vue +++ b/pages/phone_index.vue @@ -18,7 +18,7 @@
文章精选 -
+
{{ item.title }}
@@ -55,9 +55,17 @@ :modules="modules" :watchSlidesProgress="true" @swiper="onSwiperExp"> - +
- + +
+
+ +
+ {{ item.title }} +
+
+
@@ -73,9 +81,6 @@
新闻动态
-
- news information -
- 留言版 + 团团留言版
@@ -179,7 +184,16 @@ const openType = (type: number) => { console.log(type); typeId.value = type; } - +const bstList = ref([ + {title:"中国共产主义青年团的性质是什么?",id:5969}, + {title:"中国共产主义青年团的行动指南是什么?",id:5970}, + {title:"为什么说共青团是中国共产党的助手和后备军?",id:5971}, + {title:"中国共产主义青年团在新时代的基本任务是什么?",id:5972}, + {title:"怎样加入中国共产主义青年团?",id:5973}, + {title:"团员必须履行哪些义务?",id:5974}, + {title:"团员享有哪些权利?",id:5975}, + {title:"团旗、团徽和团歌分别是什么?",id:5976} +]) const videoShow = ref(false) let newsSwiper: any = null @@ -451,7 +465,32 @@ const swiperOptionsimgs = { .hy_my_home { width: 100% !important; - height: auto !important; + // height: auto !important; + height: 150px; + background-image: url('/img/index/bstbg.png'); + background-size: 100% 100%; + background-repeat: no-repeat; + .bst_con{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + .bsttitle{ + width: 80%; + font-family: Microsoft YaHei UI; + font-weight: bold; + font-size: 18px; + color: #FFFFFF; + text-align: center; + } + &:hover{ + .bsttitle{ + color: #FFE7B8; + } + + } + } } .section_1{ height: 323px; @@ -518,7 +557,7 @@ const swiperOptionsimgs = { bottom: 20px; right: 30px; height: 36px; - background-color: #222222; + background-color: #3B90DF; border: none; font-weight: 400; font-size: 16px; @@ -744,7 +783,8 @@ const swiperOptionsimgs = { // } } .swiper{ - + width: 100%; + border-radius: 10px; .swiper-pagination{ text-align: right; padding-right: 10px; diff --git a/pages/search_info/index.vue b/pages/search_info/index.vue index 61eb6f2..cde2f68 100644 --- a/pages/search_info/index.vue +++ b/pages/search_info/index.vue @@ -234,11 +234,6 @@ onMounted(() => { background-size: 100% 100%; overflow-y: auto; position: absolute; - .fiximg { - img { - margin-bottom: 20px; - } - } } .top_search {