From 49a435043b0b1a289a24606e35253365d7ab3956 Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期一, 25 八月 2025 17:51:57 +0800 Subject: [PATCH] 首页、及教学出版样式修改 --- src/views/aboutUs/index.vue | 44 +++++++++++++++++++++++++++++++------------- 1 files changed, 31 insertions(+), 13 deletions(-) diff --git a/src/views/aboutUs/index.vue b/src/views/aboutUs/index.vue index f89ad38..7e876b7 100644 --- a/src/views/aboutUs/index.vue +++ b/src/views/aboutUs/index.vue @@ -79,11 +79,7 @@ </div> </div> </div> - <div - class="itemText" - style="color: #d5d5d5" - v-html="ideaBrandCulture[0]?.content" - ></div> + <div class="itemText" style="color: #d5d5d5" v-html="ideaBrandCulture[0]?.content"></div> </div> <div class="cultureItem"> <div class="cultureTitle"> @@ -138,14 +134,9 @@ </template> <script setup> -import moment from 'moment' -import MapContainer from '@/components/MapContainer.vue' -import { ref, onBeforeMount, inject, reactive, onMounted } from 'vue' +import { ref, inject, reactive, onMounted } from 'vue' import Map from './components/map.vue' -let screenheight = ref(document.documentElement.clientHeight / 2) const MG = inject('MG') -const config = inject('config') -const tool = inject('tool') const banner = reactive([]) let publisherIntroduction = ref('') let publisherData = ref('') @@ -186,7 +177,6 @@ paging: { start: 0, size: 9 }, }) .then((res) => { - console.log(res.datas, 'ideaBrandCulture') ideaBrandCulture.value = res.datas loading.value = false }) @@ -205,7 +195,6 @@ paging: { start: 0, size: 1 }, }) .then((res) => { - console.log(res.datas, 'publisherData') publisherData.value = res.datas[0] }) } @@ -255,6 +244,7 @@ .bannerBox { height: 380px; position: relative; + .bannerText { position: absolute; top: 50%; @@ -266,43 +256,51 @@ text-shadow: 0px 0px 10px #000000; text-align: center; } + .enText { font-size: 28px; opacity: 0.45; margin-top: 10px; } } + .homePage { min-width: 1220px; min-height: calc(100vh - 61.8%); background-color: #fff; } + .contentBox { background-color: #fff; padding-bottom: 100px; margin-top: 35px; + .aboutUs { width: 100%; font-size: 16px; border-top: 1px solid #ededed; margin-top: 40px; + .aboutTitle { display: flex; width: 100%; padding-top: 30px; + .titleBox1 { position: relative; width: 50px; height: 50px; margin-right: 20px; } + .titleText { font-size: 48px; font-weight: 700; opacity: 0.05; } } + .block { display: inline-block; width: 4px; @@ -311,12 +309,15 @@ vertical-align: middle; background: #dadada; } + .selected { background-color: #e7f9ef; + .block { background-color: #008e3f; } } + .title { padding: 0; font-weight: 700; @@ -326,33 +327,41 @@ line-height: 36px; border-bottom: 0; } + div { cursor: pointer; // border-bottom: 1px dashed #ededed; } + .colorText { color: #144941; } + .textBox { line-height: 20px; margin-top: 30px; + p { margin-top: 30px; } } } + .statisticsBox { display: flex; justify-content: space-between; margin-top: 80px; text-align: center; + .statisticsNum { font-size: 48px; } + .statisticsTitle { margin-top: 10px; font-size: 14px; } + .circleBox { width: 26px; height: 26px; @@ -365,6 +374,7 @@ } } } + .brandCultureTop { background-image: url(@/assets/images/xiehe/about/wenhua_bg.png); background-size: 100% 100%; @@ -398,6 +408,7 @@ padding: 20px; box-sizing: border-box; } + .firstItem { background-color: #144941; color: #fff; @@ -406,35 +417,42 @@ text-align: left; margin-left: 0px; } + .CultureBox { width: 1200px; margin: 0 auto; } + .leftIcon { width: 58px; height: 58px; position: relative; } + .cultureTitle { display: flex; border-bottom: 1px solid #dedede; padding-bottom: 16px; } + .titleTextInfo { margin-left: 10px; text-align: left; } + .itemTitle { font-size: 18px; font-weight: 700; line-height: 36px; color: #333; } + .itemSubTitle { color: #000; font-size: 12px; opacity: 0.5; } + .itemText { font-size: 16px; line-height: 28px; -- Gitblit v1.9.1