From 5967652081d92180adbc78da809c26cff5cf730a Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期日, 24 八月 2025 14:18:10 +0800
Subject: [PATCH] 搜索页面
---
src/views/aboutUs/index.vue | 36 ++++++++++++++++++++++++++++--------
1 files changed, 28 insertions(+), 8 deletions(-)
diff --git a/src/views/aboutUs/index.vue b/src/views/aboutUs/index.vue
index 8324cc0..194d3cc 100644
--- a/src/views/aboutUs/index.vue
+++ b/src/views/aboutUs/index.vue
@@ -1,12 +1,12 @@
<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 class="bannerText">
+ <div>涓浗鍗忓拰鍖荤澶у鍑虹増绀�</div>
+ <div class="enText">ABOUT US</div>
+ </div>
+ </div>
<div class="contentBox">
<div class="crumbs">
@@ -150,7 +150,7 @@
const getBanner = () => {
MG.resource
.getItem({
- path: 'banner\\homeBanner',
+ path: 'banner\\about',
fields: { link: [] },
paging: { start: 0, size: 9 },
})
@@ -213,6 +213,26 @@
</script>
<style lang="less" scoped>
+.bannerBox {
+ height: 380px;
+ 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: 36px;
+ opacity: 0.45;
+ margin-top: 20px;
+ }
+}
.homePage {
min-width: 1220px;
min-height: calc(100vh - 61.8%);
--
Gitblit v1.9.1