From 70c17ec34bebf1b8cf839c5770047392bee1c538 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Tue, 29 Apr 2025 14:33:28 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20nas=E5=AE=A2=E6=88=B7=E5=90=88=E4=BD=9C?= =?UTF-8?q?=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/controller/TopicNas.php | 33 ++ app/index/lang/en-us.php | 4 + app/index/lang/zh-cn.php | 4 + app/index/view/topic_nas/cooperation.html | 80 +++++ .../index/css/topic_nas_cooperation.css | 282 ++++++++++++++++++ 5 files changed, 403 insertions(+) create mode 100644 app/index/view/topic_nas/cooperation.html create mode 100755 public/static/index/css/topic_nas_cooperation.css diff --git a/app/index/controller/TopicNas.php b/app/index/controller/TopicNas.php index f1655bf8..1d77b745 100644 --- a/app/index/controller/TopicNas.php +++ b/app/index/controller/TopicNas.php @@ -132,6 +132,39 @@ class TopicNas extends Common */ public function cooperation() { + $focus_image = []; + $cooperation_methods = []; + $cooperation_advantages = []; + $cooperation_cotacts = []; + // 获取banner数据 + $banners = SysBannerModel::with(['items' => function($query) { + $query->withoutField(['sort', 'created_at', 'updated_at', 'deleted_at']); + }]) + ->uniqueLabel([ + 'BANNER_6810670b8ef17', + 'BANNER_681067451b78f', + 'BANNER_6810685ab7c6c', + 'BANNER_681068ab73073' + ]) + ->language($this->lang_id) + ->enabled(true) + ->order(['sort' => 'asc', 'id' => 'desc']) + ->select(); + if (!$banners->isEmpty()) { + $banners_map = []; + foreach ($banners as $banner) { + $banners_map[$banner->unique_label] = $banner; + } + $focus_image = data_get($banners_map, 'BANNER_6810670b8ef17')?->items->first()?->toArray(); + $cooperation_methods = data_get($banners_map, 'BANNER_681067451b78f')?->items->toArray(); + $cooperation_advantages = data_get($banners_map, 'BANNER_6810685ab7c6c')?->items->toArray(); + $cooperation_cotacts = data_get($banners_map, 'BANNER_681068ab73073')?->items->chunk(3)?->toArray(); + } + View::assign('focus_image', $focus_image); + View::assign('cooperation_methods', $cooperation_methods); + View::assign('cooperation_advantages', $cooperation_advantages); + View::assign('cooperation_cotacts', $cooperation_cotacts); + return View::fetch('cooperation'); } diff --git a/app/index/lang/en-us.php b/app/index/lang/en-us.php index 17c12f51..e0891eaa 100644 --- a/app/index/lang/en-us.php +++ b/app/index/lang/en-us.php @@ -203,4 +203,8 @@ return [ 'solution_section_title' => 'ORICO网络存储解决方案', 'software_section_title' => 'NAS配套软件', ], + 'topic_nas_cooperation' => [ + 'advantages_section_title' => 'Cooperation advantages', + 'contacts_section_title' => 'Looking forward to working with you' + ] ]; \ No newline at end of file diff --git a/app/index/lang/zh-cn.php b/app/index/lang/zh-cn.php index 374b0824..04d487a6 100644 --- a/app/index/lang/zh-cn.php +++ b/app/index/lang/zh-cn.php @@ -203,4 +203,8 @@ return [ 'solution_section_title' => 'ORICO网络存储解决方案', 'software_section_title' => 'NAS配套软件', ], + 'topic_nas_cooperation' => [ + 'advantages_section_title' => '合作优势', + 'contacts_section_title' => '期待与您的合作' + ] ]; \ No newline at end of file diff --git a/app/index/view/topic_nas/cooperation.html b/app/index/view/topic_nas/cooperation.html new file mode 100644 index 00000000..814b9dcc --- /dev/null +++ b/app/index/view/topic_nas/cooperation.html @@ -0,0 +1,80 @@ +{extend name="public/nas_base" /} +{block name="style"} + +{/block} +{block name="main"} +
+ +
+ {notempty name="focus_image"} +
+ +
+ {/notempty} + + {notempty name="cooperation_methods"} +
+
+ + +
+
$cooperation_methods.0.desc_txt_color])}>{$cooperation_methods.0.desc|raw}
+

$cooperation_methods.0.title_txt_color])}>{$cooperation_methods.0.title}

+
+ +
+ {volist name="cooperation_methods" id="method" offset="1"} + + +
+ $method.desc_txt_color])}>{$method.desc|raw} +
+ + {/volist} +
+
+
+ {/notempty} + + {notempty name="cooperation_advantages"} +
+

{:lang('topic_nas_cooperation.advantages_section_title')}

+
+ {volist name="cooperation_advantages" id="adv"} +
+ + $adv.title_txt_color])}>{$adv.title} + $adv.desc_txt_color])}>{$adv.desc|raw} +
+ {/volist} +
+
+ {/notempty} + + {notempty name="cooperation_cotacts"} +
+

{:lang('topic_nas_cooperation.contacts_section_title')}

+ {volist name="cooperation_cotacts" id="contacts" key="idx"} +
+ {volist name="contacts" id="co"} +
+ + $co.title_txt_color])}>{$co.title} +
+ {/volist} +
+ {/volist} +
+ {/notempty} +
+
+{/block} \ No newline at end of file diff --git a/public/static/index/css/topic_nas_cooperation.css b/public/static/index/css/topic_nas_cooperation.css new file mode 100755 index 00000000..83d383fd --- /dev/null +++ b/public/static/index/css/topic_nas_cooperation.css @@ -0,0 +1,282 @@ + .narshzhbPage { + width: 100%; + height: 100%; + overflow: hidden; + overflow-y: auto; + background: #fafafa; + } + + .narshzhbPage .narshzhb-banner { + width: 100%; + height: 35rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + color: #3e3a39; + } + + .narshzhbPage .narshzhb-banner .narshzhb-banner-content { + min-width: 1200px; + overflow: hidden; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 12.75rem; + margin-bottom: 4.25rem; + } + + .narshzhbPage .narshzhb-banner .narshzhb-banner-content .t1 { + font-size: 1.875rem; + padding-bottom: 0.8rem; + line-height: 2.25rem; + } + + .narshzhbPage .narshzhb-banner .narshzhb-banner-content h2 { + font-size: 3.125rem; + line-height: 3.75rem; + margin-bottom: 8.6875rem; + color: #3e3a39; + font-weight: bold; + } + + .narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct { + display: flex; + flex-direction: row; + justify-content: space-between; + grid-row: 11.5rem; + color: #3e3a39; + font-size: 1rem; + line-height: 1.1875rem; + font-size: 1rem; + font-weight: 500; + } + + .narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span { + margin-right: 11.5rem; + } + + .narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child { + margin-right: 0; + } + + .narshzhbPage .narshzhb-topinfo { + width: 100%; + height: auto; + position: relative; + overflow: hidden; + background: #fafafa; + padding-top: 8.25rem; + padding-bottom: 8.25rem; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main { + margin: 0 auto; + width: 75rem; + display: flex; + flex-direction: column; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top { + width: 75rem; + height: auto; + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 8.125rem; + justify-content: space-between; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .hzcp1 { + width: 46.875rem; + height: 22.5rem; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if { + height: 22.5rem; + background: #fafafa; + font-size: 0.75rem; + color: #595757; + /*padding-left: 5.25rem;*/ + padding: 0 2.25rem; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if .cttop { + padding-top: 5.5625rem; + line-height: 1.5rem; + padding-bottom: 2rem; + font-size: 0.875rem; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if h3 { + color: #004bfa; + font-size: 1.5rem; + font-weight: 600; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom { + margin: 0 auto; + width: 75rem; + display: flex; + flex-direction: row; + justify-content: space-between; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it { + width: 32.5%; + height: 23.4rem; + display: flex; + flex-direction: column; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .ithzcp { + width: 100%; + height: auto; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st { + background: #fff; + width: 100%; + height: 9.5rem; + font-size: 12px; + color: #595757; + display: flex; + align-items: center; + justify-content: center; + position: relative; + overflow: hidden; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st span { + line-height: 1.5rem; + margin: 0 2.5rem; + font-size: 0.875rem; + } + + .narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it:last-child { + margin-right: 0; + } + + .narshzhbPage .narshzhb-hzys { + width: 100%; + height: auto; + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding-bottom: 8.25rem; + } + + .narshzhbPage .narshzhb-hzys .hzys-title { + font-size: 30px; + padding-bottom: 3.5625rem; + font-weight: bold; + } + + .narshzhbPage .narshzhb-hzys .narshzhb-hzys-main { + width: 75rem; + margin: 0 auto; + display: flex; + flex-direction: row; + align-items: center; + } + + .narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it { + width: 21.125rem; + height: 25.8125rem; + margin-right: 1rem; + display: flex; + flex-direction: column; + background: #fff; + } + + .narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .hz-ico1 { + width: 5rem; + height: 5rem; + margin: 3.75rem auto; + } + + .narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .lite-titel { + font-weight: bold; + margin: 0 auto; + font-size: 1.25rem; + color: #3e3a39; + line-height: 1.5rem; + padding-bottom: 1.25rem; + } + + .narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .cts { + margin: 0 2.5rem; + font-weight: 400; + font-size: 0.75rem; + color: #595757; + line-height: 1.5rem; + } + + .narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it:last-child { + margin-right: 0; + } + + .narshzhbPage .narshzhb-qdhz { + width: 75rem; + margin: 0 auto; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 12.5rem; + } + + .narshzhbPage .narshzhb-qdhz .hzys-title { + font-size: 1.875rem; + color: #3e3a39; + line-height: 2.25rem; + padding-bottom: 3.75rem; + font-weight: bold; + } + + .narshzhbPage .narshzhb-qdhz .nars-qdhz-part { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-bottom: 1rem; + } + + .narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it { + background: #fff; + width: 24.4rem; + height: 18.75rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-right: 1rem; + } + + .narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzico { + width: 5rem; + height: 5rem; + margin-bottom: 2.625rem; + } + + .narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzewico { + width: 7.875rem; + height: 7.875rem; + margin-bottom: 2.625rem; + } + + .narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzct { + text-align: center; + font-size: 1rem; + color: #595757; + line-height: 1.5625rem; + } + + .narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it:last-child { + margin-right: 0; + } + .orico_footer .fotter{ + margin-top: 0 !important; + } \ No newline at end of file