diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php index 4ea52811..716aa15d 100644 --- a/app/index/lang/en-us/mobile.php +++ b/app/index/lang/en-us/mobile.php @@ -36,12 +36,18 @@ return [ '信息提交失败!' => 'Add Fail!', // 附件下载 - '软件下载' => 'Software download', - '支持型号' => 'Supported Models', - '支持系统' => 'Supported Systems', - '全站搜索' => 'Search', - '搜索' => 'Search', - '请搜索' => 'Please search...', + 'attachment/index' => [ + '软件下载' => 'Software download', + '支持型号' => 'Supported Models', + '支持系统' => 'Supported Systems', + '全站搜索' => 'Search', + '搜索' => 'Search', + '请搜索' => 'Please search...', + ], + 'attachment/video' => [ + '软件和驱动程序' => 'Software and Drivers', + '您的浏览器不支持 video 标签。' => 'Your browser does not support HTML5 video.', + ], // 成为分销商页面 '成为经销商' => 'Become a Distributor', diff --git a/app/index/view/mobile/attachment/video.html b/app/index/view/mobile/attachment/video.html new file mode 100644 index 00000000..19d18ea6 --- /dev/null +++ b/app/index/view/mobile/attachment/video.html @@ -0,0 +1,41 @@ +{extend name="public/base" /} +{block name="style"} + +{/block} +{block name="main"} +
+ +
+
+ + {:lang_i18n('软件和驱动程序')} +
+ +
+ {notempty name="video_categorys"} + {volist name="video_categorys" id="va"} +
{$va.name}
+ {/volist} + {/notempty} +
+
+ {notempty name="videos"} + {assign name="flat_videos" value=":\think\helper\Arr::flatMap(fn($item) => $item->toArray(), $videos->items())" /} + {volist name="flat_videos" id="vo"} +
+ +
+ {$vo.name} + {$vo.desc} +
+
+ {/volist} +
{$page|raw}
+ {/notempty} +
+
+
+{/block} \ No newline at end of file diff --git a/public/static/index/mobile/css/attachment_video.css b/public/static/index/mobile/css/attachment_video.css new file mode 100644 index 00000000..536a2c91 --- /dev/null +++ b/public/static/index/mobile/css/attachment_video.css @@ -0,0 +1,76 @@ +.oricoEGapp-softDrviersVideo { + display: flex; + flex-direction: column; + background: #f5f5f5; +} +.oricoEGapp-softDrviersVideo .topbanner { + margin-top: 3.125rem; + display: flex; + justify-content: center; + position: relative; +} +.oricoEGapp-softDrviersVideo .topbanner .bannerimg { + width: 100%; +} +.oricoEGapp-softDrviersVideo .topbanner .bannertitle { + font-size: 1.5rem; + position: absolute; + top: 50%; + margin-top: -0.75rem; + color: #fff; + z-index: 9; + text-align: center; + width: 100%; +} +.oricoEGapp-softDrviersVideo .tabs { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 1rem 1.25rem 0; +} +.oricoEGapp-softDrviersVideo .tabs .tabit { + padding: 0.5rem 0.75rem; + border-radius: 1rem; + background-color: #fff; + color: #6b6c6e; + font-family: "Montserrat-Medium"; + font-size: 0.875rem; + display: inline-block; + margin-bottom: 0.5rem; + margin-right: 0.5rem; +} +.oricoEGapp-softDrviersVideo .tabs .tabit.active { + background-color: #004bfa; + color: #ffffff; +} +.oricoEGapp-softDrviersVideo .infolist { + display: flex; + flex-direction: column; + margin: 0 1rem; +} +.oricoEGapp-softDrviersVideo .infolist .vd-item { + display: flex; + flex-direction: column; + border-radius: 0.5rem; + background-color: #fff; + overflow: hidden; + margin-bottom: 0.75rem; +} +.oricoEGapp-softDrviersVideo .infolist .vd-item .texts { + padding: 1.5rem; + word-wrap: break-word; + word-break: normal; + display: flex; + flex-direction: column; +} +.oricoEGapp-softDrviersVideo .infolist .vd-item .texts .t1 { + font-size: 0.875rem; + color: #000; + line-height: 1.25rem; +} +.oricoEGapp-softDrviersVideo .infolist .vd-item .texts .t2 { + font-size: 0.75rem; + line-height: 1.125rem; + color: #9E9E9F; + margin-top: 0.75rem; +} diff --git a/public/static/index/mobile/images/video-banner.webp b/public/static/index/mobile/images/video-banner.webp new file mode 100644 index 00000000..080d6a38 Binary files /dev/null and b/public/static/index/mobile/images/video-banner.webp differ