feat: mobile nas主题客户合作页
This commit is contained in:
@@ -179,6 +179,18 @@ return [
|
|||||||
'配套软件' => 'Software',
|
'配套软件' => 'Software',
|
||||||
],
|
],
|
||||||
|
|
||||||
|
// nas主题 - 客户合作页
|
||||||
|
'topicnas/cooperation' => [
|
||||||
|
'成为ORICO合作伙伴' => 'Be an ORICO partner',
|
||||||
|
'合作伙伴招募' => 'Partner recruitment',
|
||||||
|
'广告代理' => 'Advertising Agency',
|
||||||
|
'抖音销售' => 'Douyin Sales',
|
||||||
|
'代理经销合作' => 'Proxy and distribution cooperation',
|
||||||
|
'ODM合作' => 'ODM cooperation',
|
||||||
|
'合作优势' => 'Cooperation advantages',
|
||||||
|
'期待与您的合作' => 'Looking forward to working with you'
|
||||||
|
],
|
||||||
|
|
||||||
// nas主题 - 下载页
|
// nas主题 - 下载页
|
||||||
'topicnas/download' => [
|
'topicnas/download' => [
|
||||||
'CyberData赛博云空间' => 'CyberData',
|
'CyberData赛博云空间' => 'CyberData',
|
||||||
|
|||||||
65
app/index/view/mobile/topic_nas/cooperation.html
Normal file
65
app/index/view/mobile/topic_nas/cooperation.html
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
{extend name="public/base" /}
|
||||||
|
{block name="style"}
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_nas_cooperation.css">
|
||||||
|
{/block}
|
||||||
|
{block name="main"}
|
||||||
|
<div class="oricoEGapp">
|
||||||
|
<div class="narshzhbMbpage">
|
||||||
|
<!-- banner -->
|
||||||
|
{notempty name="focus_image"}
|
||||||
|
<div class="narshzhb-banner" style="margin-top: 13%; background: url({$focus_image.image});background-repeat: no-repeat;background-size: 100% 100%;">
|
||||||
|
<div class="narshzhb-banner-content">
|
||||||
|
<span class="t1">{:lang_i18n('成为ORICO合作伙伴')}</span>
|
||||||
|
<h2><strong style="color: #004BFA;">NAS</strong>{:lang_i18n('合作伙伴招募')}</h2>
|
||||||
|
<div class="narshzhb-banner-btct">
|
||||||
|
<span>{:lang_i18n('广告代理')}</span>
|
||||||
|
<span>{:lang_i18n('抖音销售')}</span>
|
||||||
|
<span>{:lang_i18n('代理经销合作')}</span>
|
||||||
|
<span>{:lang_i18n('ODM合作')}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/notempty}
|
||||||
|
<!-- top 介绍 -->
|
||||||
|
{notempty name="cooperation_methods"}
|
||||||
|
{volist name="cooperation_methods" id="method" key="idx"}
|
||||||
|
<div class="narshzhbmb-cttop-it {neq name='idx' value='1'}narshzhbmb-cttop-it2{/neq}">
|
||||||
|
<img src="{$method.image}">
|
||||||
|
<div class="cts" {:style(['color' => $method.desc_txt_color])}>{$method.desc|raw}</div>
|
||||||
|
{eq name="idx" value="1"}
|
||||||
|
<h2 {:style(['color' => $method.title_txt_color])}>{$method.title}</h2>
|
||||||
|
{/eq}
|
||||||
|
</div>
|
||||||
|
{/volist}
|
||||||
|
{/notempty}
|
||||||
|
{notempty name="cooperation_advantages"}
|
||||||
|
<h2 class="narshzhb-title">{:lang_i18n('合作优势')}</h2>
|
||||||
|
{assign name="cooperation_advantages_chunk" value=":array_chunk($cooperation_advantages, 2)" /}
|
||||||
|
{volist name="cooperation_advantages_chunk" id="adv"}
|
||||||
|
<div class="narshzhbmb-rowits">
|
||||||
|
{volist name="adv" id="it"}
|
||||||
|
<div class="narshzhbmb-item">
|
||||||
|
<img src="{$it.image}" class="hzhbappico">
|
||||||
|
<h3 class="hzhbapptitle" {:style(['color' => $it.title_txt_color])}>{$it.title}</h3>
|
||||||
|
<div class="srt" {:style(['color' => $it.desc_txt_color])}>{$it.desc|raw}</div>
|
||||||
|
</div>
|
||||||
|
{/volist}
|
||||||
|
</div>
|
||||||
|
{/volist}
|
||||||
|
{/notempty}
|
||||||
|
<!-- 期待与您的合作 -->
|
||||||
|
{notempty name="cooperation_cotacts"}
|
||||||
|
<h2 class="narshzhb-title">{:lang_i18n('期待与您的合作')}</h2>
|
||||||
|
{assign name="cooperation_cotacts_flat" value=":array_flatten($cooperation_cotacts)" /}
|
||||||
|
{volist name="cooperation_cotacts_flat" id="ct" key="idx"}
|
||||||
|
<div class="narshzhbmb-rowits">
|
||||||
|
<div class="narshzhbmb-item narshzhbmb-item2">
|
||||||
|
<img src="{$ct.image}" class="hzhbappico">
|
||||||
|
<span class="srt" {:style(['color'=>$ct.title_txt_color])}>{$ct.title}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/volist}
|
||||||
|
{/notempty}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/block}
|
||||||
169
public/static/index/mobile/css/topic_nas_cooperation.css
Normal file
169
public/static/index/mobile/css/topic_nas_cooperation.css
Normal file
@@ -0,0 +1,169 @@
|
|||||||
|
.narshzhbMbpage {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner {
|
||||||
|
width: 100%;
|
||||||
|
height: 8.5625rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #3e3a39;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content {
|
||||||
|
min-width: 20rem;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 3rem;
|
||||||
|
margin-bottom: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .t1 {
|
||||||
|
font-size: 0.875rem;
|
||||||
|
padding-bottom: 0.2rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content h2 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
color: #3e3a39;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 0 2rem;
|
||||||
|
color: #3e3a39;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
line-height: 1.1875rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
|
||||||
|
margin-right: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-cttop-it {
|
||||||
|
margin: 1.25rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-width: 20rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-cttop-it .hzhbapp1 {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-cttop-it .cts {
|
||||||
|
padding-top: 1.5625rem;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
padding-bottom: 0.625rem;
|
||||||
|
color: #595757;
|
||||||
|
line-height: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-cttop-it h2 {
|
||||||
|
color: #004bfa;
|
||||||
|
font-size: 1rem;
|
||||||
|
padding-bottom: 1.875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-cttop-it2 {
|
||||||
|
background: #fff;
|
||||||
|
margin-bottom: 0.625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-cttop-it2 .cts2 {
|
||||||
|
margin: 1.1875rem;
|
||||||
|
margin-top: 0.75rem;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhb-title {
|
||||||
|
min-width: 20rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.125rem;
|
||||||
|
color: #3E3A39;
|
||||||
|
padding-bottom: 1.25rem;
|
||||||
|
padding-top: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits {
|
||||||
|
min-width: 20rem;
|
||||||
|
margin: 0 1.25rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item {
|
||||||
|
width: 49%;
|
||||||
|
background: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .hzhbappico {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 2.5rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
margin-top: 1.1875rem;
|
||||||
|
margin-bottom: 0.875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .hzhbapptitle {
|
||||||
|
margin: 0 auto;
|
||||||
|
color: #3E3A39;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
padding-bottom: 0.4375rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .srt {
|
||||||
|
margin: 0 1.25rem;
|
||||||
|
font-size: 0.625rem;
|
||||||
|
line-height: 1rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
color: #595757;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item2 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item2 .srt {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits2 .narshzhbmb-item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits2 .hzhbappew {
|
||||||
|
width: 4.375rem;
|
||||||
|
height: 4.5rem;
|
||||||
|
margin-top: 1.25rem;
|
||||||
|
margin-bottom: 0.625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.narshzhbMbpage .narshzhbmb-rowits2 .srt {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user