From 70cebc6b495b766517ec2935d8bea669ae16be1b Mon Sep 17 00:00:00 2001 From: dengjie <209192278@qq.com> Date: Sun, 21 May 2023 16:17:02 +0800 Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E6=8E=A5=E5=8F=A3?= =?UTF-8?q?=E5=88=9D=E6=AD=A5=E5=AF=B9=E6=8E=A5=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/NewsCenter.vue | 2 +- src/components/PicturesBox.vue | 143 ++++++++++++++++------------ src/components/ProjectCase.vue | 56 +++-------- src/views/footer/index.vue | 12 ++- src/views/imageDisplay/index.vue | 1 + src/views/productsCenter/detail.vue | 79 ++++++++++----- 6 files changed, 161 insertions(+), 132 deletions(-) diff --git a/src/components/NewsCenter.vue b/src/components/NewsCenter.vue index 8f71707..7c146f1 100644 --- a/src/components/NewsCenter.vue +++ b/src/components/NewsCenter.vue @@ -79,7 +79,7 @@ export default { getArticleList({ classid: 6, page: 1, - limit: 10 + limit: 3 }).then(res => { this.itemList = res.data.list; }); diff --git a/src/components/PicturesBox.vue b/src/components/PicturesBox.vue index c7bc8d1..81f3677 100644 --- a/src/components/PicturesBox.vue +++ b/src/components/PicturesBox.vue @@ -5,32 +5,32 @@ @@ -69,6 +69,8 @@ export default { }); } else if (this.type == 11) { this.$emit("getNewsIdClick", item.id); + } else if (this.type == 22) { + console.log("图片放大"); } } } @@ -116,6 +118,17 @@ export default { } } +.big_info { + display: block; + font-size: 16px; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + text-align: center; + padding: 0 8px; +} + .image_list { width: 100%; padding: 20px 0; @@ -127,57 +140,63 @@ export default { li { width: 25%; + .item:hover { + .pic { + img { + transform: scale(1.2); + opacity: 0.8; + background-color: #000000; + } + } + } + .item { padding: 15px; overflow: hidden; + transition: all 0.4s; - a { - .pic { - display: inline-block; - border: 1px solid #e9e9e9; - background-color: #000; - overflow: hidden; + .pic { + display: inline-block; + border: 1px solid #e9e9e9; + background-color: #000; + overflow: hidden; + transition: all 0.4s; - img { - width: 100%; - display: block; - transition: all 0.4s; - } - } - - .info { - text-align: left; + img { + width: 100%; + height: 270px; display: block; - font-size: 12px; - overflow: hidden; - white-space: nowrap; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - color: #666; - } - - span.inf { - display: block; - font-size: 16px; - overflow: hidden; - white-space: nowrap; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - text-align: left; - } - - span.size { - color: #666; - display: block; - font-size: 12px; - float: left; + transition: all 0.4s; + object-fit: cover; } } - a:hover .pic img { - transform: scale(1.2); - opacity: 0.8; - background-color: #000000; + .info { + text-align: left; + display: block; + font-size: 12px; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + color: #666; + } + + span.inf { + display: block; + font-size: 16px; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + text-align: left; + } + + span.size { + color: #666; + display: block; + font-size: 12px; + float: left; } } } diff --git a/src/components/ProjectCase.vue b/src/components/ProjectCase.vue index 4b3bfc9..444299a 100644 --- a/src/components/ProjectCase.vue +++ b/src/components/ProjectCase.vue @@ -14,17 +14,17 @@ - +
  • -
    {{ item.projectName }}
    +
    {{ item.title }}
 @@ -36,49 +36,23 @@ diff --git a/src/views/footer/index.vue b/src/views/footer/index.vue index 911f956..ee299f0 100644 --- a/src/views/footer/index.vue +++ b/src/views/footer/index.vue @@ -10,9 +10,9 @@
@@ -48,13 +48,16 @@ export default { corporate_add: "", footerList: [ { + href:'/about_us', title: "关于我们", items: [] }, { + href:'/news', title: "新闻资讯", items: [ { + href:'/news', title: "公司新闻" }, { @@ -66,9 +69,11 @@ export default { ] }, { + href:'/image_display', title: "形象展示", items: [ { + href:'/image_display', title: "资质荣誉" }, { @@ -77,10 +82,12 @@ export default { ] }, { + href: "/attract_and_join", title: "招商加盟", items: [] }, { + href: "/contact_us", title: "联系我们", items: [] } @@ -178,6 +185,7 @@ export default { font-size: 13px; > a { + color: #aaa; line-height: 24px; } diff --git a/src/views/imageDisplay/index.vue b/src/views/imageDisplay/index.vue index ffcf437..83907fc 100644 --- a/src/views/imageDisplay/index.vue +++ b/src/views/imageDisplay/index.vue @@ -48,6 +48,7 @@ export default { page: this.page, limit: this.limit }).then(res => { + console.log('',res); this.imageAndWord = res.data.list; if(res.data.list.length==0){ this.showNull=true diff --git a/src/views/productsCenter/detail.vue b/src/views/productsCenter/detail.vue index 3f4bc53..b6e16ea 100644 --- a/src/views/productsCenter/detail.vue +++ b/src/views/productsCenter/detail.vue @@ -1,5 +1,5 @@