From 202bfb8acf6cad84eaeb8ff045b891b16064a1cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=88=91=E5=8F=ABMT?= <18253750314@163.com> Date: Wed, 10 Jan 2024 22:33:28 +0800 Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/home/index.vue | 53 +++++++++++++++++++++++++++++++--------- 1 file changed, 41 insertions(+), 12 deletions(-) diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 1e20191..8c686b2 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -49,17 +49,34 @@
-
- {{ daliay.title }} -
-

{{ daliay.content }}

+ + + +
MORE
- + + +
@@ -88,6 +105,8 @@ export default { gg2: '', alink: '', daliay: { + left: [], + right: [], title: '', content: '', img: '' @@ -151,9 +170,16 @@ export default { async getyuanyuzhouHotList () { const { data: { message, data: { list } } } = await yuanyuzhouHotList() if (message === 'success') { - this.daliay.title = list[0].news.title - this.daliay.content = list[0].news.subTitle - this.daliay.img = list[0].news.image + for (const iter of list) { + console.log(iter) + this.daliay.left.push({ + title: iter.news.title, + content: iter.news.detail + }) + this.daliay.right.push({ + img: iter.news.image + }) + } } }, async gethotnewsConfig () { @@ -269,7 +295,7 @@ export default { display: flex; align-items: center; flex-direction: column; - width: 100%; + width: 90%; padding: 0 40px; .txtcontent { height: 50% !important; @@ -277,14 +303,17 @@ export default { .title { height: 26px; - font-size: 26px; + font-size: 24px; font-weight: bold; color: #FFFFFF; width: 100%; display: flex; - align-items: center; + text-align: left; img { + width: 60px; + height: 28px; margin-right: 10px; + vertical-align: middle; } } p { @@ -362,7 +391,7 @@ export default { .btn { width:100%; position: absolute; - bottom: 55px; + // bottom: 55px; .more { position: absolute; left: 0px;