feat: mobile联系我们 - 品牌里程页

app/index/controller/AboutUs.php

@@ -88,6 +88,7 @@ class AboutUs extends Common
         $banner = SysBannerModel::with(['items' => function($query) {
                 $query->where('status', '=', 1)->order(['sort' => 'asc', 'id' => 'desc']);
             }])
+            ->atPlatform(request()->from)
             ->uniqueLabel([
                 'BANNER_67ff786dc9c8d',
                 'BANNER_67ff7ef1354cf',

app/index/lang/en-us/mobile.php

@@ -129,4 +129,16 @@ return [
         '为您提供专属定制服务' => 'How We Can Help with Customization',
         '对于不同的情况' => 'For Different Situation',
     ],
+
+    // 关于我们 - 文化介绍
+    'aboutus/culture' => [
+        '文化介绍' => 'Culture Introduction',
+    ],
+
+    // 关于我们 - 品牌历程
+    'aboutus/mileage' => [
+        'ORICO荣耀' => 'Our Achievement',
+        '品牌里程' => 'Brand Events',
+        '品牌活动' => 'Tech Development',
+    ],
 ];

app/index/view/mobile/about_us/mileage.html

@@ -0,0 +1,106 @@
+{extend name="public/base"/}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/aboutus_mileage.css">
+{/block}
+{block name="main"}
+<div class="oricoEGapp">
+    <!--公司里程 -->
+    <div class="oricoCnLc">
+        <div class="margin-top-60"></div>
+        <div class="m_ach">
+            <div class="img-responsive ">
+                <img src="__IMAGES__/achievement.jpg">
+            </div>
+            <div class="title">{:lang_i18n('ORICO荣耀')}</div>
+            <div class="list-num clearfix">
+                {notempty name="achievement"}
+                <ul>
+                    {volist name="achievement" id="ac"}
+                    <li>
+                        <h4 {:style(['color' => $ac['desc_txt_color']])}>{$ac.desc|raw}</h4>
+                        <p {:style(['color' => $ac['title_txt_color']])}>{$ac.title}</p>
+                    </li>
+                    {/volist}
+                </ul>
+                {/notempty}
+            </div>
+        </div>
+        {notempty name="events"}
+        <div class="m_ach-b">
+            <div class="title">{:lang_i18n('品牌里程')}</div>
+        </div>
+        <div class="contain">
+            <!-- 导航 -->
+            <div class="nav">
+                <div class="swiper-container gallery-thumbs">
+                    <div class="swiper-wrapper">
+                        {volist name="events" id="ev"}
+                        <div class="swiper-slide" {:style(['color' => $ev['title_txt_color']])}>{$ev.title}</div>
+                        {/volist}
+                    </div>
+                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
+                </div>
+                <!-- 切换按钮 -->
+                <div class="swiper-button-next swiper-button-white" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false">
+                    <img src="__IMAGES__/ach-right.webp">
+                </div>
+                <div class="swiper-button-prev swiper-button-white swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true">
+                    <img src="__IMAGES__/ach-left.webp">
+                </div>
+            </div>
+            <!-- 内容 -->
+            <div class="swiper-container gallery-top">
+                <div class="swiper-wrapper">
+                    {volist name="events" id="ev" key="k"}
+                    <div class="swiper-slide info">
+                        <h5 {:style(['color' => $ev['title_txt_color']])}>{$ev.title}</h5>
+                        <p {:style(['color' => $ev['desc_txt_color']])}>{$ev.desc|raw}</p>
+                    </div>
+                    {/volist}
+                </div>
+                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
+            </div>
+        </div>
+        {/notempty}
+        {notempty name="development"}
+        <div class="m_ch">
+            <div class="m_ach-b">
+                <div class="chtitle">{:lang_i18n('品牌活动')}</div>
+            </div>
+            {volist name="development" id="de"}
+            <div class="ach-bg">
+                <div class="img-responsive ">
+                    <img src="{$de.image}">
+                </div>
+                <div class="m_ch-title  text_left margin-top-50">
+                    <img src="__IMAGES__/ach-icon.png">{$de.title}
+                </div>
+                <div class="m_ch-con text_gray  text_left line-height-40 margin-top-40">{$de.desc|raw}</div>
+            </div>
+            {/volist}
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}
+{block name="script"}
+<script type="text/javascript">
+    var galleryThumbs = new Swiper('.gallery-thumbs', {
+        spaceBetween: 10,
+        slidesPerView: 5,
+        freeMode: true,
+        watchSlidesVisibility: true,
+        watchSlidesProgress: true
+    })
+    var galleryTop = new Swiper('.gallery-top', {
+        spaceBetween: 10,
+        thumbs: {
+            swiper: galleryThumbs
+        },
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev'
+        }
+    })
+</script>
+{/block}