From ee213bf458d3961a0560ce3b68a3ad38322ece97 Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期一, 25 八月 2025 01:15:06 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/xiehe_website --- src/views/home/index.vue | 81 +++++++++++++++++++++++++++++----------- 1 files changed, 59 insertions(+), 22 deletions(-) diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 04ea238..4112f60 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -1,12 +1,8 @@ <template> <div class="homePage"> - <el-carousel :height="screenheight + 'px'"> - <el-carousel-item v-for="(item, index) in banner" :key="index"> - <div class="bannerBox imgBox"> - <img id="autoHeight" class="bannerImg" :src="item.icon" @click="bannerLink(item)" /> - </div> - </el-carousel-item> - </el-carousel> + <div class="bannerBox imgBox"> + <img class="bannerImg" :src="banner[0]?.icon" @click="bannerLink(item)" /> + </div> <div v-if="informationList.length > 0" class="contentBox" style="margin-top: 50px"> <div class="informationBox"> <div class="bookListTitle"> @@ -43,9 +39,7 @@ </div> <div class="infoBox"> <div class="bookName">{{ item.name }}</div> - <div class="author"> - 浣滆�咃細{{ item.authorcaupress_author ? item.caupress_author : '-' }} - </div> + <div class="author">浣滆�咃細{{ item.author ? item.author : '-' }}</div> <div class="priceBox"> <span class="price" v-if="item.price && item.price > 0"> <span> 楼{{ item.price }}</span> @@ -88,7 +82,9 @@ /> </el-tabs> </div> - <div class="more" style="margin-left: 20px" @click="toMore">鏇村></div> + <div class="more" style="margin-left: 30px; font-weight: normal" @click="toMore"> + 鏇村> + </div> </div> </div> <div class="recommendList"> @@ -103,9 +99,7 @@ </div> <div class="infoBox"> <div class="bookName">{{ item.name }}</div> - <div class="author"> - 浣滆�咃細{{ item.authorcaupress_author ? item.caupress_author : '-' }} - </div> + <div class="author">浣滆�咃細{{ item.author ? item.author : '-' }}</div> <div class="priceBox"> <span class="price" v-if="item.price && item.price > 0"> <span>楼{{ item.price }}</span> @@ -155,7 +149,27 @@ } }) +// 鑾峰彇url鍙傛暟 +const getUrlParams = () => { + let url = window.location.href + let params = url.split('?')[1] + let paramsObj = {} + if (params) { + paramsObj = params.split('&').reduce((pre, cur) => { + pre[cur.split('=')[0]] = cur.split('=')[1] + return pre + }, {}) + } + return paramsObj +} + onMounted(() => { + // 鐩戝惉鏄惁鏉ヨ嚜鏁板瓧闃呰 + const params = getUrlParams() + if (params.login) { + localStorage.setItem('loginBack', decodeURIComponent(params.callBackUrl)) + logIn() + } getBanner() classifList() getInformationList() @@ -227,6 +241,7 @@ }, fields: { 'teachingLevel=': activeName.value, + author: [], }, }) .then((res) => { @@ -340,6 +355,27 @@ min-height: calc(100vh - 61.8%); background-color: #fff; padding-bottom: 100px; + + .bannerBox { + height: 615px; + position: relative; + .bannerText { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 36px; + font-weight: 700; + color: #fff; + text-shadow: 0px 0px 10px #000000; + text-align: center; + } + .enText { + font-size: 28px; + opacity: 0.45; + margin-top: 10px; + } + } } .el-carousel__item h3 { color: #475669; @@ -411,7 +447,6 @@ .bookListBox { width: 100%; padding: 80px 0; - margin-top: 30px; background-repeat: no-repeat; background-size: 100% 100%; background-image: url('@/assets/images/tuijian-bg.png'); @@ -484,18 +519,18 @@ margin-top: 60px; margin-bottom: 60px; .authentication { - width: 40%; - height: 100px; + width: 48%; + height: 123px; background-repeat: no-repeat; background-size: 100% 100%; background-image: url('@/assets/images/xiehe/home/jiaoshirenzheng.png'); } .manual { - width: 40%; - height: 100px; + width: 48%; + height: 123px; background-repeat: no-repeat; background-size: 100% 100%; - background-image: url('@/assets/images/xiehe/home/jiaoshirenzheng.png'); + background-image: url('@/assets/images/xiehe/home/caozuoshouce.png'); } } @@ -535,13 +570,15 @@ font-size: 14px; color: #ccc; margin-top: 10px; + line-height: 20px; } } ::v-deep(.el-tabs__item) { align-items: stretch; - height: 50px !important; + height: 60px !important; + line-height: 20px; + text-align: center; white-space: pre-wrap !important; - width: 40% !important; } </style> -- Gitblit v1.9.1