jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: nas客户合作页

Browse Source
This commit is contained in:
jsasg
2025-04-29 14:33:28 +08:00
parent aeabb46e44
commit 039c3a9136
5 changed files with 403 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
app/index/controller/TopicNas.php
View File

@@ -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');
}

4
app/index/lang/en-us.php
View File

@@ -203,4 +203,8 @@ return [
'solution_section_title' => '<span style="color:#004BFA;">ORICO</span>网络存储解决方案',
'software_section_title' => '<span style="color:#004BFA">NAS</span>配套软件',
],
'topic_nas_cooperation' => [
'advantages_section_title' => 'Cooperation advantages',
'contacts_section_title' => 'Looking forward to working with you'
]
];

4
app/index/lang/zh-cn.php
View File

@@ -203,4 +203,8 @@ return [
'solution_section_title' => '<span style="color:#004BFA;">ORICO</span>网络存储解决方案',
'software_section_title' => '<span style="color:#004BFA">NAS</span>配套软件',
],
'topic_nas_cooperation' => [
'advantages_section_title' => '合作优势',
'contacts_section_title' => '期待与您的合作'
]
];

80
app/index/view/topic_nas/cooperation.html Normal file
View File

@@ -0,0 +1,80 @@
{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_cooperation.css">
{/block}
{block name="main"}
<div class="orico_Page_index">
<!-- 合作伙伴 -->
<div class="narshzhbPage">
{notempty name="focus_image"}
<div class="narshzhb-banner" style="background: url({$focus_image.image});background-repeat: no-repeat;background-size: 100% 100%;">
<!-- <div class="narshzhb-banner-content">
<span class="t1">成为ORICO合作伙伴</span>
<h2><strong style="color: #004BFA;">NAS</strong>合作伙伴招募</h2>
<div class="narshzhb-banner-btct">
<span>广告代理</span>
<span>抖音销售</span>
<span>代理经销合作</span>
<span>ODM合作</span>
</div>
</div> -->
</div>
{/notempty}
<!-- top 介绍 -->
{notempty name="cooperation_methods"}
<div class="narshzhb-topinfo">
<div class="narshzhb-topinfo-main">
<a class="narshzhb-tif-top" {notempty name="cooperation_methods.0.link"}href="{$cooperation_methods.0.link}"{/notempty}>
<img src="{$cooperation_methods.0.image}" class="hzcp1" />
<div class="narshzhb-if">
<div class="cttop" {:style(['color'=>$cooperation_methods.0.desc_txt_color])}>{$cooperation_methods.0.desc|raw}</div>
<h3 {:style(['color'=>$cooperation_methods.0.title_txt_color])}>{$cooperation_methods.0.title}</h3>
</div>
</a>
<div class="narshzhb-tif-bottom">
{volist name="cooperation_methods" id="method" offset="1"}
<a class="narshzhb-tif-it" {notempty name="method.link"}href="{$method.link}"{/notempty}>
<img src="{$method.image}" class="ithzcp" />
<div class="st">
<span {:style(['color'=>$method.desc_txt_color])}>{$method.desc|raw}</span>
</div>
</a>
{/volist}
</div>
</div>
</div>
{/notempty}
<!-- 合作优势 -->
{notempty name="cooperation_advantages"}
<div class="narshzhb-hzys">
<h2 class="hzys-title">{:lang('topic_nas_cooperation.advantages_section_title')}</h2>
<div class="narshzhb-hzys-main">
{volist name="cooperation_advantages" id="adv"}
<div class="narshzhb-hzys-it">
<img src="{$adv.image}" class="hz-ico1" />
<span class="lite-titel" {:style(['color'=>$adv.title_txt_color])}>{$adv.title}</span>
<span class="cts" {:style(['color'=>$adv.desc_txt_color])}>{$adv.desc|raw}</span>
</div>
{/volist}
</div>
</div>
{/notempty}
<!-- 期待与您的合作 -->
{notempty name="cooperation_cotacts"}
<div class="narshzhb-qdhz">
<h2 class="hzys-title">{:lang('topic_nas_cooperation.contacts_section_title')}</h2>
{volist name="cooperation_cotacts" id="contacts" key="idx"}
<div class="nars-qdhz-part">
{volist name="contacts" id="co"}
<div class="nars-qdhz-it">
<img src="{$co.image}" {eq name="idx" value="1"}class="qdhzico"{else/}class="qdhzewico"{/eq} />
<span class="qdhzct" {:style(['color'=>$co.title_txt_color])}>{$co.title}</span>
</div>
{/volist}
</div>
{/volist}
</div>
{/notempty}
</div>
</div>
{/block}

282
public/static/index/css/topic_nas_cooperation.css Executable file
View File

@@ -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;
}