feat: nas客户合作页
This commit is contained in:
@@ -132,6 +132,39 @@ class TopicNas extends Common
|
|||||||
*/
|
*/
|
||||||
public function cooperation()
|
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');
|
return View::fetch('cooperation');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -203,4 +203,8 @@ return [
|
|||||||
'solution_section_title' => '<span style="color:#004BFA;">ORICO</span>网络存储解决方案',
|
'solution_section_title' => '<span style="color:#004BFA;">ORICO</span>网络存储解决方案',
|
||||||
'software_section_title' => '<span style="color:#004BFA">NAS</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'
|
||||||
|
]
|
||||||
];
|
];
|
||||||
@@ -203,4 +203,8 @@ return [
|
|||||||
'solution_section_title' => '<span style="color:#004BFA;">ORICO</span>网络存储解决方案',
|
'solution_section_title' => '<span style="color:#004BFA;">ORICO</span>网络存储解决方案',
|
||||||
'software_section_title' => '<span style="color:#004BFA">NAS</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
80
app/index/view/topic_nas/cooperation.html
Normal 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
282
public/static/index/css/topic_nas_cooperation.css
Executable 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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user