From cf7e71c6d0fb64eeb6b5deac540da843b4bb465c Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期二, 26 八月 2025 10:41:52 +0800
Subject: [PATCH] 关于我们-理念与品牌文化
---
src/views/aboutUs/index.vue | 197 ++++++++++++++++++++++++++++++++++++++----------
1 files changed, 155 insertions(+), 42 deletions(-)
diff --git a/src/views/aboutUs/index.vue b/src/views/aboutUs/index.vue
index d624aa7..f9722da 100644
--- a/src/views/aboutUs/index.vue
+++ b/src/views/aboutUs/index.vue
@@ -31,7 +31,9 @@
<div class="statisticsTitle">涓撴敞鍖诲鍑虹増</div>
</div>
<div class="statisticsItem">
- <div class="statisticsNum">{{ publisherData.topExpertDatabase }}+ 浣�</div>
+ <div class="statisticsNum">
+ {{ publisherData.topExpertDatabase }}+ <span class="circleBox">浣�</span>
+ </div>
<div class="statisticsTitle">椤剁骇涓撳搴�</div>
</div>
<div class="statisticsItem">
@@ -60,31 +62,47 @@
<div class="CultureBox">
<div class="brandCultureTitle">
<div>鐞嗗康涓庡搧鐗屾枃鍖�</div>
- <div class="enText">PHILOSOPHY & BRAND CULTURE</div>
+ <div class="enText" style="color: #348c6e; font-size: 48px">
+ PHILOSOPHY & BRAND CULTURE
+ </div>
</div>
<div class="cultureList" v-loading="loading">
- <div class="cultureItem firstItem">
- <div class="cultureTitle" style="border-bottom: 1px solid rgba(255, 255, 255, 0.1)">
+ <div class="cultureItem">
+ <div class="cultureTitle">
<div class="leftIcon">
- <img class="autoImg" src="@/assets/images/xiehe/about/zongzhi.png" alt="" />
+ <svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+ <g id="zongzhi" clip-path="url(#clip0_41_14)">
+ <path id="Vector"
+ d="M25.2413 11.8068V9H23.1579V11.7826C20.1365 11.955 17.2787 13.1712 15.1022 15.2109C12.9257 17.2505 11.5746 19.9787 11.2936 22.9011H8V24.8611H11.2686C11.4498 27.8617 12.7605 30.6933 14.9522 32.8187C17.1438 34.9441 20.0638 36.2152 23.1579 36.3909V38H25.2413V36.3909C28.2595 36.1187 31.0774 34.8075 33.185 32.6948C35.2927 30.5821 36.5507 27.8075 36.7314 24.8732H40V22.9011H36.6441C36.3751 20.0528 35.0883 17.3852 33.0062 15.3594C30.9241 13.3336 28.1775 12.077 25.2413 11.8068ZM25.2413 34.4068V30.9587H23.1579V34.4431C20.6131 34.2367 18.2262 33.1618 16.4216 31.4096C14.6171 29.6574 13.5117 27.3413 13.3021 24.8732H15.2608V22.9011H13.3271C13.6307 20.5102 14.7736 18.2935 16.5639 16.6235C18.3541 14.9535 20.6825 13.9319 23.1579 13.7305V16.0413H25.2413V13.7789C27.6272 14.0713 29.8442 15.1273 31.5413 16.7797C33.2384 18.432 34.3185 20.5863 34.6105 22.9011H32.7267V24.8611H34.7103C34.5071 27.2664 33.4539 29.5299 31.7286 31.2691C30.0034 33.0083 27.7119 34.1166 25.2413 34.4068Z"
+ stroke-width="1.3" />
+ <path id="Vector_2"
+ d="M24.0001 2C18.1907 1.99987 12.617 4.29758 8.49532 8.39171C4.37368 12.4858 2.03873 18.044 2 23.8533L2 24.11C2.02173 28.4564 3.33047 32.699 5.76105 36.3024C8.19162 39.9058 11.6351 42.7085 15.657 44.3567C19.6789 46.005 24.0988 46.425 28.3592 45.5638C32.6195 44.7025 36.5293 42.5986 39.595 39.5175C42.6608 36.4364 44.7452 32.5162 45.5852 28.2517C46.4252 23.9871 45.9832 19.5693 44.3149 15.5558C42.6465 11.5422 39.8267 8.11273 36.2112 5.70017C32.5958 3.2876 28.3467 2.00005 24.0001 2ZM24.0001 43.9833C20.0409 43.9882 16.1692 42.8182 12.8751 40.6216C9.58112 38.425 7.01287 35.3004 5.49549 31.6435C3.97811 27.9866 3.57983 23.9616 4.35106 20.0782C5.12229 16.1948 7.02836 12.6275 9.82798 9.82793C12.6276 7.02832 16.1949 5.12227 20.0783 4.35105C23.9618 3.57982 27.9867 3.9781 31.6437 5.49547C35.3006 7.01284 38.4252 9.58108 40.6218 12.8751C42.8185 16.1691 43.9884 20.0408 43.9836 24C43.9884 26.6256 43.4748 29.2263 42.4723 31.653C41.4697 34.0797 39.9979 36.2845 38.1413 38.1411C36.2847 39.9977 34.0799 41.4695 31.6532 42.472C29.2265 43.4746 26.6258 43.9882 24.0001 43.9833Z"
+ stroke-width="1.3" />
+ </g>
+ </svg>
</div>
<div class="titleTextInfo">
- <div class="itemTitle" style="color: #fff">{{ ideaBrandCulture[0]?.name }}</div>
- <div class="itemSubTitle" style="color: #fff">
+ <div class="itemTitle">{{ ideaBrandCulture[0]?.name }}</div>
+ <div class="itemSubTitle">
{{ ideaBrandCulture[0]?.EnglishName }}
</div>
</div>
</div>
- <div
- class="itemText"
- style="color: #d5d5d5"
- v-html="ideaBrandCulture[0]?.content"
- ></div>
+ <div class="itemText" v-html="ideaBrandCulture[0]?.content"></div>
</div>
<div class="cultureItem">
<div class="cultureTitle">
<div class="leftIcon">
- <img class="autoImg" src="@/assets/images/xiehe/about/beijing.png" alt="" />
+ <svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+ <g id="beijing" clip-path="url(#clip0_41_32)">
+ <path id="Vector"
+ d="M28.7804 32.6509C28.4396 32.6504 28.1041 32.5637 27.8026 32.3984L23.8934 30.2609L19.9829 32.3984C19.6365 32.5876 19.2461 32.6723 18.8559 32.6429C18.4656 32.6135 18.0911 32.4711 17.7746 32.2319C17.4581 31.9927 17.2122 31.6662 17.0648 31.2892C16.9174 30.9123 16.8743 30.5 16.9404 30.099L17.6867 25.5721L14.5285 22.3658C14.2483 22.082 14.05 21.7224 13.956 21.3276C13.862 20.9328 13.8761 20.5185 13.9966 20.1316C14.1171 19.7447 14.3393 19.4005 14.6381 19.138C14.9368 18.8755 15.3003 18.7052 15.6872 18.6462L20.0581 17.9856L22.0123 13.8668C22.1855 13.5018 22.4534 13.1945 22.7858 12.9796C23.1182 12.7648 23.5017 12.6509 23.8931 12.6509C24.2844 12.6509 24.668 12.7648 25.0004 12.9796C25.3327 13.1945 25.6007 13.5018 25.7739 13.8668L27.7281 17.9856L32.099 18.6462C32.4862 18.7046 32.85 18.8746 33.1492 19.1369C33.4484 19.3991 33.671 19.7433 33.7919 20.1303C33.9128 20.5173 33.9272 20.9318 33.8334 21.3269C33.7395 21.7219 33.5413 22.0818 33.261 22.3658L30.0981 25.5721L30.8451 30.099C30.8964 30.4117 30.8816 30.7322 30.8017 31.0384C30.7218 31.3445 30.5788 31.6289 30.3826 31.8718C30.1864 32.1146 29.9416 32.3101 29.6654 32.4446C29.3892 32.5792 29.0881 32.6496 28.7831 32.6509H28.7804ZM17.9149 21.4547L20.1159 23.685C20.3594 23.9317 20.5415 24.2363 20.6465 24.5726C20.7514 24.9088 20.7762 25.2666 20.7186 25.615L20.1997 28.7639L22.9183 27.2773C23.2192 27.1127 23.5541 27.0267 23.8941 27.0267C24.2341 27.0267 24.569 27.1127 24.8699 27.2773L27.5891 28.7639L27.0703 25.6157C27.0126 25.2672 27.0373 24.9093 27.1423 24.5729C27.2473 24.2366 27.4294 23.9318 27.6729 23.685L29.8726 21.4547L26.8341 20.9982C26.4977 20.9473 26.1782 20.8122 25.9031 20.6045C25.628 20.3967 25.4056 20.1226 25.255 19.8056L23.8954 16.941L22.5365 19.8056C22.3856 20.1229 22.1628 20.3973 21.8872 20.6051C21.6116 20.8128 21.2916 20.9478 20.9547 20.9982L17.9149 21.4547Z"
+ stroke-width="0.3" />
+ <path id="Vector_2"
+ d="M23.899 47.6509H23.8956C23.7654 47.651 23.6356 47.6353 23.5093 47.6039C20.3417 46.9662 17.4162 45.7618 14.8135 44.0239C11.2037 41.618 8.26116 38.3371 6.25989 34.4868C6.20815 34.3861 6.15642 34.286 6.10606 34.1845C4.65524 31.2845 3.89814 28.0866 3.89453 24.8435V10.4765C3.89789 9.35745 4.32315 8.28092 5.08533 7.46202C5.84752 6.64311 6.89048 6.14214 8.0058 6.05922C11.8687 5.78315 15.4806 4.89832 18.7337 3.42338C21.2301 2.29216 22.6332 1.20303 22.8891 0.995975C23.1653 0.772715 23.5095 0.650913 23.8645 0.650879H23.9245C24.2795 0.650913 24.6238 0.772715 24.8999 0.995975C25.1558 1.20303 26.5555 2.29216 29.0553 3.42338C32.3085 4.89832 35.9183 5.78453 39.7833 6.05853C40.8986 6.14145 41.9415 6.64242 42.7037 7.46133C43.4659 8.28023 43.8912 9.35676 43.8945 10.4758V24.8435C43.8909 28.0868 43.1338 31.2849 41.683 34.1852C41.6326 34.286 41.5809 34.3868 41.5292 34.4868C39.5279 38.3371 36.5853 41.618 32.9755 44.0239C30.3729 45.7618 27.4474 46.9662 24.2798 47.6039C24.1552 47.6348 24.0274 47.6506 23.899 47.6509ZM23.899 44.545H23.8452H23.9521H23.899ZM23.899 4.1046C22.6688 4.92937 21.3708 5.64792 20.0188 6.25248C16.4318 7.87857 12.4627 8.85588 8.22999 9.15611C7.89686 9.18114 7.58543 9.33101 7.35793 9.57578C7.13043 9.82055 7.00361 10.1422 7.00281 10.4765V24.8435C7.00608 27.603 7.6503 30.324 8.88461 32.7917C8.92945 32.8815 8.97498 32.9712 9.02258 33.0602C10.7821 36.4436 13.3687 39.3266 16.5415 41.4405C18.7754 42.9245 21.2723 43.9672 23.8976 44.5126C26.5244 43.9677 29.0228 42.9249 31.2579 41.4405C34.4298 39.327 37.0157 36.4448 38.7748 33.0623C38.821 32.9733 38.8665 32.8842 38.9127 32.7945C40.147 30.3268 40.7913 27.6058 40.7945 24.8462V10.4765C40.7937 10.1422 40.6669 9.82055 40.4394 9.57578C40.2119 9.33101 39.9005 9.18114 39.5674 9.15611C35.3347 8.85588 31.3683 7.87857 27.7785 6.25248C26.4262 5.64817 25.1279 4.92961 23.8976 4.1046H23.899Z"
+ stroke-width="0.3" />
+ </g>
+ </svg>
</div>
<div class="titleTextInfo">
<div class="itemTitle">{{ ideaBrandCulture[1]?.name }}</div>
@@ -98,7 +116,19 @@
<div class="cultureItem">
<div class="cultureTitle">
<div class="leftIcon">
- <img class="autoImg" src="@/assets/images/xiehe/about/zizhi.png" alt="" />
+ <svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+ <g id="zizhi" clip-path="url(#clip0_41_18)">
+ <path id="Vector"
+ d="M24.0004 23.3106L26.386 24.7506C26.588 24.8725 26.8215 24.9322 27.0573 24.9221C27.2931 24.912 27.5207 24.8326 27.7116 24.6938C27.9025 24.555 28.0482 24.3631 28.1306 24.1419C28.2129 23.9207 28.2282 23.6802 28.1746 23.4504L27.5416 20.7366L29.6506 18.9096C29.829 18.7551 29.958 18.5514 30.0213 18.324C30.0845 18.0966 30.0793 17.8556 30.0063 17.6311C29.9333 17.4067 29.7957 17.2087 29.6108 17.0621C29.4259 16.9154 29.2018 16.8265 28.9666 16.8066L26.1922 16.5714L25.105 14.007C25.0129 13.7902 24.8591 13.6052 24.6627 13.4752C24.4663 13.3452 24.2359 13.2759 24.0004 13.2759C23.7648 13.2759 23.5345 13.3452 23.338 13.4752C23.1416 13.6052 22.9878 13.7902 22.8958 14.007L21.8086 16.5714L19.0342 16.8066C18.799 16.8265 18.5749 16.9154 18.3899 17.0621C18.205 17.2087 18.0674 17.4067 17.9944 17.6311C17.9214 17.8556 17.9162 18.0966 17.9795 18.324C18.0428 18.5514 18.1717 18.7551 18.3502 18.9096L20.4592 20.7366L19.8262 23.4504C19.7725 23.6802 19.7878 23.9207 19.8702 24.1419C19.9525 24.3631 20.0983 24.555 20.2892 24.6938C20.48 24.8326 20.7076 24.912 20.9434 24.9221C21.1792 24.9322 21.4127 24.8725 21.6148 24.7506L24.0004 23.31V23.3106Z" />
+ <path id="Vector_2"
+ d="M36.0002 4.19995H12.0002C11.5228 4.19995 11.065 4.38959 10.7274 4.72716C10.3898 5.06472 10.2002 5.52256 10.2002 5.99995V22.7999C10.2002 30.4218 16.3784 36.6 24.0002 36.6C31.622 36.6 37.8002 30.4218 37.8002 22.7999V5.99995C37.8002 5.52256 37.6105 5.06472 37.273 4.72716C36.9354 4.38959 36.4776 4.19995 36.0002 4.19995ZM13.8002 7.79995H34.2002V22.7999C34.2002 28.4333 29.6336 33 24.0002 33L23.8064 32.9982C18.2624 32.895 13.8002 28.3686 13.8002 22.7999V7.79995Z" />
+ <path id="Vector_3"
+ d="M43.2 10.2C43.6591 10.1999 44.1009 10.3753 44.435 10.6903C44.769 11.0053 44.9701 11.436 44.997 11.8944L45 12V18.6C45 22.5612 41.5728 25.7052 37.3908 25.7976L37.2 25.8V22.2C39.5082 22.2 41.3196 20.6148 41.3976 18.726L41.4 18.6V13.8H37.2V10.2H43.2ZM4.8 10.2C4.34087 10.1999 3.89909 10.3753 3.56504 10.6903C3.231 11.0053 3.02994 11.436 3.003 11.8944L3 12V18.6C3 22.5612 6.4272 25.7052 10.6092 25.7976L10.8 25.8V22.2C8.4918 22.2 6.6804 20.6148 6.6024 18.726L6.6 18.6V13.8H10.8V10.2H4.8Z" />
+ <path id="Vector_4" d="M22.2002 35.4H25.8002V44.4H22.2002V35.4Z" />
+ <path id="Vector_5"
+ d="M16.2004 42.6H31.8004C33.0004 42.6 33.6004 43.2 33.6004 44.4C33.6004 45.6 33.0004 46.2 31.8004 46.2H16.2004C15.0004 46.2 14.4004 45.6 14.4004 44.4C14.4004 43.2 15.0004 42.6 16.2004 42.6Z" />
+ </g>
+ </svg>
</div>
<div class="titleTextInfo">
<div class="itemTitle">{{ ideaBrandCulture[2]?.name }}</div>
@@ -112,7 +142,20 @@
<div class="cultureItem">
<div class="cultureTitle">
<div class="leftIcon">
- <img class="autoImg" src="@/assets/images/xiehe/about/fazhan.png" alt="" />
+ <svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+ <g id="fazhan" clip-path="url(#clip0_41_25)">
+ <path id="Vector"
+ d="M29.1047 31.9875H18.4547C18.0984 31.9875 17.7609 31.8235 17.5406 31.5469C16.2281 29.9016 15.2062 28.0688 14.5031 26.0953C13.7766 24.0516 13.4062 21.9094 13.4062 19.7203C13.4062 16.2656 14.3437 12.886 16.1203 9.93752C17.8406 7.07815 20.2969 4.71565 23.2125 3.09846C23.5641 2.90159 23.9953 2.90159 24.3469 3.09846C27.2672 4.71565 29.7188 7.07815 31.4437 9.93752C33.2156 12.8813 34.1531 16.2656 34.1531 19.7156C34.1531 21.9047 33.7828 24.0469 33.0563 26.0906C32.3531 28.0641 31.3313 29.9016 30.0188 31.5422C29.7984 31.8235 29.4609 31.9875 29.1047 31.9875ZM19.0312 29.6438H28.5281C30.675 26.7656 31.8094 23.3485 31.8094 19.7203C31.8094 13.8891 28.7484 8.48909 23.7797 5.47971C18.8109 8.49377 15.75 13.8891 15.75 19.7203C15.75 23.3485 16.8844 26.7656 19.0312 29.6438Z" />
+ <path id="Vector_2"
+ d="M27.7361 35.5031H19.833C19.1861 35.5031 18.6611 34.9781 18.6611 34.3312V30.8156C18.6611 30.1687 19.1861 29.6437 19.833 29.6437H27.7361C28.383 29.6437 28.908 30.1687 28.908 30.8156V34.3312C28.908 34.9781 28.383 35.5031 27.7361 35.5031ZM21.0049 33.1593H26.5643V31.9875H21.0049V33.1593ZM23.7846 19.1906C21.2814 19.1906 19.2424 17.1515 19.2424 14.6484C19.2424 12.1453 21.2814 10.1062 23.7846 10.1062C26.2877 10.1062 28.3268 12.1453 28.3268 14.6484C28.3268 17.1515 26.2877 19.1906 23.7846 19.1906ZM23.7846 12.45C22.5705 12.45 21.5861 13.4343 21.5861 14.6484C21.5861 15.8625 22.5705 16.8468 23.7846 16.8468C24.9986 16.8468 25.983 15.8625 25.983 14.6484C25.983 13.4343 24.9986 12.45 23.7846 12.45ZM12.1174 31.5234C11.7283 31.5234 11.3627 31.3312 11.1471 31.0078C10.2049 29.6109 9.70801 27.9749 9.70801 26.2781C9.70801 23.4328 11.1236 20.789 13.4908 19.2093C14.0299 18.8484 14.7564 18.9937 15.1174 19.5328C15.4783 20.0718 15.333 20.7984 14.7939 21.1593C13.0783 22.3031 12.0518 24.2156 12.0518 26.2781C12.0518 26.9578 12.1596 27.6187 12.3705 28.2468C13.3689 27.3046 14.5877 26.6109 15.9236 26.2406C16.5471 26.0671 17.1939 26.4328 17.3674 27.0562C17.5408 27.6796 17.1752 28.3265 16.5518 28.5C15.1408 28.8937 13.9127 29.7796 13.0924 31.0031C12.8721 31.3265 12.5111 31.5234 12.1174 31.5234ZM35.4189 31.5234C35.0252 31.5234 34.6643 31.3265 34.4439 31.0031C33.6236 29.7796 32.3955 28.889 30.9846 28.5C30.3611 28.3265 29.9955 27.6796 30.1689 27.0562C30.3424 26.4328 30.9893 26.0671 31.6127 26.2406C32.9486 26.6109 34.1674 27.3046 35.1658 28.2468C35.3768 27.6187 35.4846 26.9578 35.4846 26.2781C35.4846 24.2156 34.458 22.3031 32.7424 21.1593C32.2033 20.7984 32.058 20.0718 32.4189 19.5328C32.7799 18.9937 33.5064 18.8484 34.0455 19.2093C36.4174 20.789 37.8283 23.4328 37.8283 26.2781C37.8283 27.9749 37.3314 29.6109 36.3893 31.0078C36.1736 31.3312 35.808 31.5234 35.4189 31.5234Z" />
+ <path id="Vector_3"
+ d="M23.7848 28.2563C23.1379 28.2563 22.6129 27.7313 22.6129 27.0844V21.2438C22.6129 20.5969 23.1379 20.0719 23.7848 20.0719C24.4316 20.0719 24.9566 20.5969 24.9566 21.2438V27.0844C24.9566 27.7313 24.4316 28.2563 23.7848 28.2563ZM20.4238 39.3094C19.777 39.3094 19.252 38.7844 19.252 38.1375V37.425C19.252 36.7782 19.777 36.2532 20.4238 36.2532C21.0707 36.2532 21.5957 36.7782 21.5957 37.425V38.1375C21.5957 38.7844 21.0707 39.3094 20.4238 39.3094ZM27.0566 39.3516C26.4098 39.3516 25.8848 38.8266 25.8848 38.1797V37.425C25.8848 36.7782 26.4098 36.2532 27.0566 36.2532C27.7035 36.2532 28.2285 36.7782 28.2285 37.425V38.1797C28.2285 38.8266 27.7035 39.3516 27.0566 39.3516ZM23.7848 40.7672C23.1379 40.7672 22.6129 40.2422 22.6129 39.5953V37.3828C22.6129 36.736 23.1379 36.211 23.7848 36.211C24.4316 36.211 24.9566 36.736 24.9566 37.3828V39.5953C24.9566 40.2422 24.4316 40.7672 23.7848 40.7672Z" />
+ <path id="Vector_4"
+ d="M13.8281 43.7719H9.21094C6.01875 43.7719 3.42188 41.175 3.42188 37.9828C3.42188 34.7906 6.01875 32.1937 9.21094 32.1937C12.4031 32.1937 15 34.7906 15 37.9828V42.6C15 43.2469 14.475 43.7719 13.8281 43.7719ZM9.21094 34.5375C7.3125 34.5375 5.76563 36.0844 5.76563 37.9828C5.76563 39.8812 7.3125 41.4281 9.21094 41.4281H12.6563V37.9828C12.6563 36.0844 11.1094 34.5375 9.21094 34.5375ZM38.325 43.7719H33.7078C33.0609 43.7719 32.5359 43.2469 32.5359 42.6V37.9828C32.5359 34.7906 35.1328 32.1937 38.325 32.1937C41.5172 32.1937 44.1141 34.7906 44.1141 37.9828C44.1141 41.175 41.5172 43.7719 38.325 43.7719ZM34.8797 41.4281H38.325C40.2234 41.4281 41.7703 39.8812 41.7703 37.9828C41.7703 36.0844 40.2234 34.5375 38.325 34.5375C36.4266 34.5375 34.8797 36.0844 34.8797 37.9828V41.4281Z" />
+ <path id="Vector_5"
+ d="M33.7078 43.7719H13.8281C13.1812 43.7719 12.6562 43.2469 12.6562 42.6C12.6562 41.9531 13.1812 41.4281 13.8281 41.4281H33.7078C34.3547 41.4281 34.8797 41.9531 34.8797 42.6C34.8797 43.2469 34.3547 43.7719 33.7078 43.7719Z" />
+ </g>
+ </svg>
</div>
<div class="titleTextInfo">
<div class="itemTitle">{{ ideaBrandCulture[3]?.name }}</div>
@@ -128,24 +171,21 @@
</div>
</div>
<div class="page-container">
- <MapContainer />
+ <Map v-if="contactUsData" :contactUsData="contactUsData" />
</div>
</div>
</template>
<script setup>
-import moment from 'moment'
-import MapContainer from '@/components/MapContainer.vue'
-import { ref, onBeforeMount, inject, reactive, onMounted } from 'vue'
-let screenheight = ref(document.documentElement.clientHeight / 2)
+import { ref, inject, reactive, onMounted } from 'vue'
+import Map from './components/map.vue'
const MG = inject('MG')
-const config = inject('config')
-const tool = inject('tool')
const banner = reactive([])
let publisherIntroduction = ref('')
let publisherData = ref('')
let ideaBrandCulture = ref([])
let loading = ref(false)
+let contactUsData = ref(null)
const getBanner = () => {
MG.resource
@@ -180,7 +220,6 @@
paging: { start: 0, size: 9 },
})
.then((res) => {
- console.log(res.datas, 'ideaBrandCulture')
ideaBrandCulture.value = res.datas
loading.value = false
})
@@ -199,8 +238,39 @@
paging: { start: 0, size: 1 },
})
.then((res) => {
- console.log(res.datas, 'publisherData')
publisherData.value = res.datas[0]
+ })
+}
+
+// 鑾峰彇鑱旂郴鎴戜滑
+const getConectText = () => {
+ MG.resource
+ .getItem({
+ path: 'aboutUs\\contactUs',
+ fields: {
+ postalCode: [],
+ address: [],
+ telphone: [],
+ faxNumber: [],
+ website: [],
+ mailbox: [],
+ },
+ sort: {
+ LinkOrder: 'Asc',
+ },
+ paging: {
+ start: 0,
+ size: 999,
+ },
+ coverSize: {
+ height: 430,
+ },
+ })
+ .then((res) => {
+ const { datas } = res
+ if (datas?.length > 0) {
+ contactUsData.value = datas[0]
+ }
})
}
@@ -209,6 +279,7 @@
getPublisherIntroduction()
getPublisherData()
getIdeaBrandCulture()
+ getConectText()
})
</script>
@@ -216,6 +287,7 @@
.bannerBox {
height: 380px;
position: relative;
+
.bannerText {
position: absolute;
top: 50%;
@@ -227,43 +299,51 @@
text-shadow: 0px 0px 10px #000000;
text-align: center;
}
+
.enText {
font-size: 28px;
opacity: 0.45;
- margin-top: 20px;
+ 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;
@@ -272,12 +352,15 @@
vertical-align: middle;
background: #dadada;
}
+
.selected {
background-color: #e7f9ef;
+
.block {
background-color: #008e3f;
}
}
+
.title {
padding: 0;
font-weight: 700;
@@ -287,32 +370,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;
@@ -325,74 +417,95 @@
}
}
}
+
.brandCultureTop {
background-image: url(@/assets/images/xiehe/about/wenhua_bg.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center;
width: 100%;
- height: 500px;
- padding-top: 55px;
+ height: 580px;
+ padding-top: 30px;
}
+
.brandCultureTitle {
font-size: 36px;
color: #fff;
font-weight: 700;
text-align: center;
+ line-height: 70px;
}
.cultureList {
display: flex;
justify-content: space-between;
width: 100%;
- margin-top: 60px;
+ margin-top: 50px;
}
.cultureItem {
- width: 320px;
+ width: 324px;
height: 320px;
background-color: #fff;
- margin-left: 30px;
+ margin-left: 10px;
padding: 20px;
box-sizing: border-box;
+ color: #000;
+
+ svg {
+ fill: #144941;
+ }
+
+ &:hover {
+ background-color: #144941;
+ color: #fff;
+
+ svg {
+ fill: #fff;
+ }
+ }
}
-.firstItem {
- background-color: #144941;
- color: #fff;
- width: 320px;
- height: 320px;
- text-align: center;
- margin-left: 0px;
-}
+
.CultureBox {
width: 1200px;
margin: 0 auto;
}
+
.leftIcon {
width: 58px;
height: 58px;
position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
+
.cultureTitle {
display: flex;
border-bottom: 1px solid #dedede;
padding-bottom: 16px;
+ align-items: center;
}
+
.titleTextInfo {
- margin-left: 20px;
+ 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;
- color: #000;
padding-top: 20px;
}
</style>
--
Gitblit v1.9.1