From a66dc9b09486adfcf57bf6d341b7a1e1993029d1 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Tue, 22 Apr 2025 17:28:23 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E5=8C=96=E4=BB=8B=E7=BB=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/controller/AboutUs.php | 34 + app/index/route/route.php | 2 + app/index/view/about_us/culture.html | 99 +++ public/static/index/css/aboutus_culture.css | 744 ++++++++++++++++++++ 4 files changed, 879 insertions(+) create mode 100644 app/index/view/about_us/culture.html create mode 100755 public/static/index/css/aboutus_culture.css diff --git a/app/index/controller/AboutUs.php b/app/index/controller/AboutUs.php index afe8415f..bd9e7ea9 100644 --- a/app/index/controller/AboutUs.php +++ b/app/index/controller/AboutUs.php @@ -111,6 +111,40 @@ class AboutUs extends Common return View::fetch('mileage'); } + /** + * 文化介绍 + */ + public function culture() + { + $focus_image = []; + $culture = []; + // 获取文化介绍banner + $banner = SysBannerModel::with(['items' => function($query) { + $query->withoutField(['status', 'created_at', 'updated_at', 'deleted_at']) + ->where('status', '=', 1) + ->order(['sort' => 'asc', 'id' => 'desc']); + }]) + ->uniqueLabel([ + "BANNER_68075a636e648", + "BANNER_68075bf4dd0f5", + ]) + ->language($this->lang_id) + ->enabled(true) + ->select(); + if (!$banner->isEmpty()) { + $banner_map = []; + foreach ($banner as $v) { + $banner_map[$v->unique_label] = $v; + } + $focus_image = data_get($banner_map, 'BANNER_68075a636e648')?->items->first()?->toArray(); + $culture = data_get($banner_map, 'BANNER_68075bf4dd0f5')?->items->toArray(); + } + View::assign('focus_image', $focus_image); + View::assign('culture', $culture); + + return View::fetch('culture'); + } + /** * 售后政策 */ diff --git a/app/index/route/route.php b/app/index/route/route.php index 70551bf9..891c12da 100644 --- a/app/index/route/route.php +++ b/app/index/route/route.php @@ -56,6 +56,8 @@ Route::group('aboutus', function() { Route::get('story', 'AboutUs/story'); // 品牌里程 Route::get('mileage', 'AboutUs/mileage'); + // 文化介绍 + Route::get('culture', 'AboutUs/culture'); // 售后政策 Route::get('policy', 'AboutUs/policy'); }); diff --git a/app/index/view/about_us/culture.html b/app/index/view/about_us/culture.html new file mode 100644 index 00000000..fc94afe4 --- /dev/null +++ b/app/index/view/about_us/culture.html @@ -0,0 +1,99 @@ +{extend name="public/base" /} +{block name="title"} +{notempty name=":lang('aboutus_culture.title')"}{:lang('aboutus_culture.title')} +{else/}{__BLOCK__}{/notempty} +{/block} +{block name="style"} + + +{/block} +{block name="main"} +
+ {notempty name="focus_image"} + {notempty name="focus_image.link"} + + + + {else/} + + {/notempty} + {notempty name="culture"} +
+ {volist name="culture" id="cul" offset="0" length="3"} +
+
+
+

{$cul.title}

+
+
{$cul.desc|raw}
+
+ {/volist} +
+ {/notempty} +
+{notempty name="culture"} +
+
+
+ +
+ {volist name="culture" id="cul" key="k" offset="3" mod="2"} + {eq name="mod" value="1"} +
+
+
+
+
+

{$cul.title}

+

{$cul.desc|raw}

+
+
+
+ {else /} +
+
+
+

{$cul.title}

+

{$cul.desc|raw}

+
+
+
+
+
+ {/eq} + {/volist} +
+
+{/notempty} +{/block} +{block name="script"} + +{/block} \ No newline at end of file diff --git a/public/static/index/css/aboutus_culture.css b/public/static/index/css/aboutus_culture.css new file mode 100755 index 00000000..f9ed3ee0 --- /dev/null +++ b/public/static/index/css/aboutus_culture.css @@ -0,0 +1,744 @@ +.culture-Menu { + background-color: #f1f1f1; + overflow: hidden; +} +.culture { + background-color: #e8eef0; + overflow: hidden; +} +.culture .title { + color: #002855; + font-weight: 600; + padding: 5% 0 3%; +} +.culture_top{ + background: #F2F2F2; +} +.culture_top img{ + height: auto; + max-width: 100%; +} +.culture_bril_con {background: #F2F2F2; overflow: hidden; display:flex} +.culture_bril_div {width:29%;height:597px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px} +.culture_bril_div:first-child{margin-left:0;} +.culture_bril_div .iconimg{margin:0 auto;margin-top:50px;} +.culture_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;width: 90%;margin-left: 5%;} +.culture_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:22px;margin-left:10%} +@media screen and (min-width:1461px) and (max-width:1720px){ + .culture_bril_div .iconimg{margin:0 auto;margin-top:36px;} + .culture_bril_div .iconimg img{margin:0 auto;width:323px;height:178px} + +} +@media screen and (max-width:1459px){ + .culture_bril_div {width:29%;height:450px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px} + + .culture_bril_div .iconimg{margin:0 auto;margin-top:36px;} + .culture_bril_div .iconimg img{margin:0 auto;width:283px;height:138px} + .culture_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:25px;} + .culture_bril_div .subtitle{width:80%;font-size:10px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:15px;margin-left:10%;padding-bottom:5%} +} + +.culture .punctuation { + color: #ff9800; + margin-left: 8px; + font-size: 1.25em; +} +@media screen and (min-width: 1440px) { + .culture-Menu img { + margin: auto; + } + .culture .Container { + width: 1440px; + margin: auto; + } +} +@media screen and (max-width: 1339px) { + .culture-Menu img { + margin: auto; + width: 27%; + } + .culture .Container { + width: 96%; + margin: auto; + } +} +.culture .des { + width: 90%; + margin: 0 auto 2%; + color: #002855; + line-height: 2em; +} +.culture .line { + width: 4.25%; + height: 5px; + background-color: #002855; + overflow: hidden; + margin: 0 auto 2%; +} +.culture-l { + width: 12%; + float: left; + text-align: right; + padding-right: 2%; + line-height: 2em; + padding-top: 2em; + font-family: 'SourceHanSans-Light'; + font-weight: bold; + color: #002855; +} +.culture-l span { + display: block; + position: absolute; + width: 10px; + height: 10px; + border-radius: 5px; + background-color: #002855; + right: -5px; + top: 2.5em; +} +.culture-r { + border-left: 1px solid #b0bbc7; + width: 72%; + float: left; + padding-left: 7%; + line-height: 2em; + padding-top: 2em; + font-family: 'SourceHanSans-Light'; +} +.culture-Menu .Menu { + margin-bottom: 3%; + overflow: hidden; +} +.culture-Menu a { + display: inline-block; + border-radius: 2em; + margin-left: 1%; + color: #009fdf; + text-decoration: none; + cursor: pointer; +} +.culture-Menu .active { + background-color: #002855; + border: 2px solid #002855; + color: #fff; +} +@media screen and (min-width: 480px) { + .culture-Menu a { + padding: 0.5% 2%; + margin-right: 1%; + border: 2px solid #009fdf; + } +} +@media screen and (max-width: 479px) { + .culture-Menu a { + padding: 0.5% 1.5%; + margin-right: 0.5%; + border: 1px solid #009fdf; + } +} + +/*愿景与使命*/ +.culture_vision { + background-color: #fff; + overflow: hidden; +} +.culture_vision .title { + font-size: 3em; + font-weight: 600; + color: #101010; + text-align: center; + padding-top: 2.3%; + padding-bottom: 2%; + line-height: 2em; + font-family: 'LATO-MEDIUM'; +} +.culture_vision .left { + width: 46.7%; + text-align: center; + vertical-align: middle; +} +.culture_vision .left img,.culture_vision .right img{ + border-radius: 16px; +} +.culture_vision .center { + width: 6.6%; +} +.culture_vision .right { + width: 46.7%; + text-align: center; + vertical-align: middle; +} +.culture_vision .subtitle { + font-size: 20px; + color: #101010; + line-height: 2em; + margin-bottom: 2%; + font-weight: 600; + font-family: Montserrat-Bold, Montserrat; +} + +.culture_vision .left p { + text-align: left; + display: inline-block; + width: 90%; +} +.culture_vision .right p { + margin-left: 5%; + text-align: left; + display: inline-block; + width: 90%; + margin-right: 10%; +} +.culture_vision .des { + font-size: 16px; + color: #737373; + line-height: 1.6rem; + font-family: Montserrat-Medium, Montserrat; +} +.culture_vision .swt-Table { + margin-bottom: 4%; +} +@media screen and (max-width: 768px) { + .culture_vision .left, + .culture_vision .right { + width: 100%; + } + .culture_vision p { + width: 90%; + margin-left: 5%; + margin-right: 5%; + } + .culture_vision .subtitle { + margin-top: 5%; + } + .culture_vision_02 { + display: none; + } + .culture_vision_view { + display: block; + } + .culture_vision .left p { + margin-left: 5%; + } +} +@media screen and (min-width: 769px) { + .culture_vision_02 { + display: block; + } + .culture_vision_view { + display: none; + } +} +/*文化与价值观*/ +.culture_new_banner { + width: 100%; + position: absolute; + color: #fff; + bottom: 32vw; + text-align: center; +} +.culture_new_banner .title { + font-size: 3em; + line-height: 2em; +} +.culture_new_banner .des { + font-size: 1em; + line-height: 1.6em; +} +@media screen and (max-width: 1440px) { + .culture_new_banner .title { + font-size: 2em; + line-height: 2em; + } + .culture_new_banner .des { + font-size: 1em; + line-height: 1.6em; + } + .culture_vision .subtitle { + color: #101010; + line-height: 2em; + margin-bottom: 2%; + font-weight: 600; + } + .culture_vision .des { + color: #737373; + line-height: 1.6em; + } + .culture_vision .right p { + margin-left: 0; + + } + .culture_vision .left p { + margin-left: -10%; + } +} +@media screen and (max-width: 768px) { + .culture_new_banner .des { + display: none; + } +} +@media screen and (max-width: 480px) { + .culture_new_banner { + bottom: 30vw; + } + .culture_new_banner .title { + font-size: 1.5em; + } +} + +.culture_new { + width: 100%; +} +.culture_new .title { + font-size: 2em; + color: #101010; + padding: 4.5% 0 0.6%; + font-weight: 600; + line-height: 1.8em; + font-family: 'LATO-MEDIUM'; +} +.culture_new .des { + font-size: 1em; + color: #737373; + width: 70%; + margin: auto; + line-height: 1.6em; +} +.culture_new ul { + margin-top: 3%; + margin-bottom: 3%; +} +.culture_new li { + width: 29.4%; + padding: 1.5%; + box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); + margin-bottom: 4%; +} +.culture_new li .list-title { + color: #333333; + font-size: 1em; + text-align: center; + padding-top: 5%; + padding-bottom: 3.5%; + font-weight: 600; +} +.culture_new li .list-des { + color: #737373; + text-align: left; + font-size: 1em; + width: 92%; + line-height: 1.6em; + margin-bottom: 3%; + margin-left: auto; + margin-right: auto; +} +.culture_new .R-margin { + width: 1.4%; + box-shadow: none; + padding: 0; +} +.culture_new_gray { + width: 100%; + background-color: #f5f5f5; + padding: 2.8% 0; + overflow: hidden; +} +.culture_new_gray .center_bg { + background-color: #fff; + overflow: hidden; +} +.culture_new_gray .left { + width: 50.3%; + float: left; +} +.culture_new_gray .right { + width: 49.7%; + float: right; +} +.culture_new_gray .content { + width: 95%; + margin: 3% 2% 3% 3%; +} +.culture_new_gray p { + display: inline-block; + width: 100%; + margin: auto; +} +.culture_new_gray p span { + border-bottom: 2px solid #101010; + display: inline-block; +} +.culture_new_gray .title { + font-size: 1.5em; + color: #101010; + line-height: 1.8em; + margin-bottom: 2.8%; + font-weight: 600; +} +.culture_new_gray .subtitle { + font-size: 1em; + color: #737373; + margin-bottom: 2.7%; + line-height: 1.6em; +} +.culture_new_gray .des { + font-size: 0.875em; + color: 737373; + line-height: 1.8em; +} + +@media screen and (min-width: 540px) { + .culture_new .swt-Table { + display: table; + width: 100%; + margin-top: 3.4%; + margin-bottom: 4.5%; + } + .culture_new .swt-Table .Table-Row { + display: table-row; + } + .culture_new .swt-Table .Table-Row .Table-Cell { + display: table-cell; + text-align: center; + padding-top: 1.3%; + padding-bottom: 1.3%; + } +} +@media screen and (max-width: 539px) { + .culture_new li { + width: 92%; + text-align: center; + padding-top: 5%; + padding-bottom: 5%; + margin-left: auto; + margin-right: auto; + } + .culture_new .title { + padding: 3% 0 2% 0; + } +} +@media screen and (max-width: 768px) { + .culture_new_gray .right { + width: 100%; + text-align: center; + margin-top: 2%; + } + .culture_new_gray .left { + width: 96%; + margin: auto; + } +} +@media screen and (max-width: 742px) { + .culture_new_gray .right { + margin-top: 0; + } + .culture_new_gray .right img { + width: 100%; + } +} + +/*我们会*/ +.wewill_title { + font-size: 2em; + font-family: 'LATO-MEDIUM'; + font-weight: 600; + color: #101010; +} +.wewill_des { + font-size: 1em; + color: #737373; + line-height: 1.6em; +} +.wewill_des_text { + font-size: 0.875em; + line-height: 1.5em; +} +@media screen and (max-width: 960px) { + .wewill_title { + font-size: 1.5em; + } + .wewill_des { + line-height: 1.4em; + } + .wewill_des_text { + font-size: 1em; + } +} +.cul_line { + width: 40px; + height: 3px; + background: #0e0e0e; + margin: 2% 0; +} + +.wewill_01 { + padding: 3.2% 0; + background-image: url(../../images/culture/wewill_bg.jpg); + overflow: hidden; + background-repeat: no-repeat; +} +.wewill_01 .left { + width: 32.5%; + float: left; +} +.wewill_01 .right { + width: 55%; + float: left; + padding-top: 5%; + padding-left: 6%; +} +.wewill_01 .wewill_des { + margin-top: 4%; +} +@media screen and (max-width: 1280px) { + .wewill_01 .right { + padding-top: 3%; + width: 60%; + } +} +@media screen and (max-width: 960px) { + .wewill_01 .right { + padding-top: 0; + width: 60%; + } + .wewill_01 .wewill_des { + margin-top: 2%; + } +} + +@media screen and (max-width: 480px) { + .wewill_01 .left { + width: 100%; + } + .wewill_01 .wewill_title { + margin-top: 4%; + } + .wewill_01 .right { + width: 100%; + padding: 2% 0 3%; + } + .wewill_01 .wewill_des { + margin-top: 3%; + } +} + +.wewill_bg { + background: #f1f1f1; + padding: 3% 0; +} +.wewill_02 .wewill_title { + text-align: center; + margin-bottom: 2.5%; +} +.wewill_02 .wewill_des { + text-align: center; + font-weight: 600; + color: #333333; + margin-top: 5%; + margin-bottom: 3%; +} +.wewill_02 .text_width { + width: 32.4%; + background-color: #ffffff; + overflow: hidden; + box-shadow: 0px 5px 15px #e6e6e6; +} +.wewill_02 .spacing { + width: 1.4%; +} +.wewill_02 .text_all { + width: 88%; + margin: 6% auto; +} +.wewill_02 .wewill_des_text { + text-align: left; +} +.wewill_02 .sub_title { + font-size: 1em; + color: #737373; + width: 70%; + margin: auto; + text-align: center; + margin-bottom: 3%; +} + +.wewill_03 { + background-color: #fff; + overflow: hidden; +} +.wewill_03 .wewill_title { + text-align: center; + margin-bottom: 2.5%; +} +.wewill_03 .wewill_des { + width: 70%; + margin: auto; + text-align: center; +} +.wewill_03 ul { + width: 100%; + margin-top: 3%; +} +.wewill_03 li { + width: 31%; + margin-right: 3.5%; + float: left; +} +.wewill_03 li:last-child { + margin-right: 0; +} +.wewill_03 .wewill_des_text { + font-size: 1.25em; + font-family: 'LATO-MEDIUM'; + color: #333333; + text-align: left; + margin-top: 5%; +} +@media screen and (max-width: 768px) { + .wewill_02 .text_width { + width: 100%; + margin-bottom: 3%; + } + .wewill_02 .spacing { + display: none; + } + .wewill_02 .text_all { + width: 80%; + margin: 6% auto; + text-align: center; + } + .wewill_03 li { + width: 100%; + text-align: center; + overflow: hidden; + } + .wewill_03 li:last-child { + margin-bottom: 0; + } + .wewill_03 .wewill_des_text { + margin-top: 2%; + margin-bottom: 5%; + } + .wewill_03 .wewill_des { + width: 80%; + } +} + +@media screen and (min-width:769px){ + .swt-Table{display: table; width:100%;} + .swt-Table .Table-Row{display: table-row;} + .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;} +} + +/*我们是*/ +.weare_bg { + background: #f5f5f5; + padding: 3vw 0; + overflow: hidden; +} +.weare_bg_white { + background-color: #fff; +} +.weare_idea .left { + width: 70%; +} +.weare_idea .right { + width: 20%; + vertical-align: middle; + line-height: 1.4em; +} +.weare_idea_all { + width: 90%; + padding: 5%; +} +.weare_idea_all .wewill_title { + margin-bottom: 4%; +} +.weare_idea p { + margin-bottom: 2%; +} +.weare_idea .margin-top { + margin-top: 3.5%; +} + +.weare_03 { + margin-top: 5%; + margin-bottom: 5%; + overflow: hidden; +} +.weare_03 li { + width: 31%; + float: left; + margin-right: 3.5%; + text-align: center; +} +.weare_03 li:last-child { + margin-right: 0; +} +.weare_03 .wewill_des { + font-weight: 600; + margin-top: 3%; + color: #333333; +} +.weare_03 .wewill_des_text { + margin-top: 3%; + overflow: hidden; +} + +.weare_04 .wewill_title { + text-align: center; +} +.weare_04 .wewill_des { + text-align: center; + color: #333333; + margin-top: 1.5%; + font-weight: 600; + font-size: 1.5em; +} +.weare_04 .wewill_des_text { + text-align: center; + margin-top: 1%; + width: 76%; + margin-left: auto; + margin-right: auto; + font-size: 1em; +} +.weare_04 ul { + margin-top: 2%; + overflow: hidden; +} +.weare_04 li { + width: 32%; + margin-right: 2%; + float: left; +} +.weare_04 li:last-child { + margin-right: 0; +} + +@media screen and (max-width: 768px) { + .weare_idea .left { + width: 100%; + text-align: center; + } + .weare_idea .right { + width: 100%; + text-align: center; + padding-bottom: 7%; + overflow: hidden; + } + .weare_idea .right img { + max-width: 100%; + display: block; + } + .weare_03 li { + width: 100%; + margin-top: 3%; + margin-right: 0; + } + .weare_04 li { + width: 100%; + text-align: center; + margin-bottom: 2%; + } +}