feat: mobile nas主题客户合作页
This commit is contained in:
@@ -179,6 +179,18 @@ return [
|
||||
'配套软件' => '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主题 - 下载页
|
||||
'topicnas/download' => [
|
||||
'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