diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php index 0addbfd0..8dfb523d 100644 --- a/app/index/lang/en-us/mobile.php +++ b/app/index/lang/en-us/mobile.php @@ -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', diff --git a/app/index/view/mobile/topic_nas/cooperation.html b/app/index/view/mobile/topic_nas/cooperation.html new file mode 100644 index 00000000..9d58da94 --- /dev/null +++ b/app/index/view/mobile/topic_nas/cooperation.html @@ -0,0 +1,65 @@ +{extend name="public/base" /} +{block name="style"} + +{/block} +{block name="main"} +
+
+ + {notempty name="focus_image"} +
+
+ {:lang_i18n('成为ORICO合作伙伴')} +

NAS{:lang_i18n('合作伙伴招募')}

+
+ {:lang_i18n('广告代理')} + {:lang_i18n('抖音销售')} + {:lang_i18n('代理经销合作')} + {:lang_i18n('ODM合作')} +
+
+
+ {/notempty} + + {notempty name="cooperation_methods"} + {volist name="cooperation_methods" id="method" key="idx"} +
+ +
$method.desc_txt_color])}>{$method.desc|raw}
+ {eq name="idx" value="1"} +

$method.title_txt_color])}>{$method.title}

+ {/eq} +
+ {/volist} + {/notempty} + {notempty name="cooperation_advantages"} +

{:lang_i18n('合作优势')}

+ {assign name="cooperation_advantages_chunk" value=":array_chunk($cooperation_advantages, 2)" /} + {volist name="cooperation_advantages_chunk" id="adv"} +
+ {volist name="adv" id="it"} +
+ +

$it.title_txt_color])}>{$it.title}

+
$it.desc_txt_color])}>{$it.desc|raw}
+
+ {/volist} +
+ {/volist} + {/notempty} + + {notempty name="cooperation_cotacts"} +

{:lang_i18n('期待与您的合作')}

+ {assign name="cooperation_cotacts_flat" value=":array_flatten($cooperation_cotacts)" /} + {volist name="cooperation_cotacts_flat" id="ct" key="idx"} +
+
+ + $ct.title_txt_color])}>{$ct.title} +
+
+ {/volist} + {/notempty} +
+
+{/block} \ No newline at end of file diff --git a/public/static/index/mobile/css/topic_nas_cooperation.css b/public/static/index/mobile/css/topic_nas_cooperation.css new file mode 100644 index 00000000..65d82103 --- /dev/null +++ b/public/static/index/mobile/css/topic_nas_cooperation.css @@ -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; +} \ No newline at end of file