feat: mobile联系我们 - 品牌故事页

app/index/controller/AboutUs.php

@@ -63,7 +63,8 @@ class AboutUs extends Common
         // 获取品牌故事banner
         $banners = SysBannerItemModel::hasWhere('banner', [
                 'language_id'  => $this->lang_id,
-                'unique_label' => 'BANNER_67ff632a5f7aa'
+                'unique_label' => 'BANNER_67ff632a5f7aa',
+                'at_platform'  => request()->from,
             ])
             ->type('image')
             ->enabled(true)
@@ -126,6 +127,7 @@ class AboutUs extends Common
                     ->where('status', '=', 1)
                     ->order(['sort' => 'asc', 'id' => 'desc']);
             }])
+            ->atPlatform(request()->from)
             ->uniqueLabel([
                 "BANNER_68075a636e648",
                 "BANNER_68075bf4dd0f5",
@@ -159,6 +161,7 @@ class AboutUs extends Common
                     ->where('status', '=', 1)
                     ->order(['sort' => 'asc', 'id' => 'desc']);
             }])
+            ->atPlatform(request()->from)
             ->uniqueLabel([
                 "BANNER_6806f5f19c3d6",
                 "BANNER_6806f609b9fe9",

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

@@ -0,0 +1,32 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/aboutus_story.css" />
+{/block}
+{block name="main"}
+<div class="oricoEGapp">
+    <!-- 内容-->
+    <div class="oricoEGapp-brand">
+        <div class="video-right img-responsive">
+            <img src="__IMAGES__/brand-banner.webp">
+        </div>
+        {notempty name="banners"}
+        <div class="m_brand">
+            {volist name="banners" id="ba" offset="0" length="2"}
+            <div class="brand_title text_left">{$ba.title}</div>
+            <div class="brand-con text_gray  text_left line-height-40 margin-top-40">{$ba.desc|raw}</div>
+            <div class="img-responsive">
+                <img src="{$ba.image}">
+            </div>
+            {/volist}
+            {volist name="banners" id="ba" offset="2" length="3"}
+            <div class="img-responsive text-center margin-4">
+                <img src="{$ba.image}">
+            </div>
+            <div class="vision-title  text_center margin-top-50">{$ba.title}</div>
+            <div class="brand-con text_gray text_center line-height-40 margin-top-40">{$ba.desc|raw}</div>
+            {/volist}
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}

public/static/index/mobile/css/aboutus_story.css

@@ -0,0 +1,16 @@
+.oricoEGapp {
+    background: #fff;
+}
+
+.oricoEGapp .oricoEGapp-brand {
+    background: #fff;
+    position: relative;
+}
+
+.oricoEGapp .oricoEGapp-brand .video-right img {
+    margin-top: 3.3rem;
+}
+
+.oricoEGapp .oricoEGapp-brand .text-center img {
+    margin: 0 auto;
+}