feat: 售后政策

app/index/controller/AboutUs.php

@@ -68,4 +68,46 @@ class AboutUs extends Common
 
         return View::fetch('mileage');
     }
+
+    /**
+     * 售后政策
+     */
+    public function policy()
+    {
+        $policy = [];
+        // 获取售后政策banner
+        $banner = SysBannerModel::with(['items' => function($query) {
+                $query->withoutField(['status', 'created_at', 'updated_at', 'deleted_at'])
+                    ->where('status', '=', 1)
+                    ->order(['sort' => 'asc', 'id' => 'desc']);
+            }])
+            ->uniqueLabel([
+                "BANNER_6806f5f19c3d6",
+                "BANNER_6806f609b9fe9",
+                "BANNER_6806f6315a699",
+                "BANNER_6806f65c90eb6",
+                "BANNER_6806f6736bb71",
+                "BANNER_6806f684d4558",
+                "BANNER_6806f69d81bd0",
+            ])
+            ->language($this->lang_id)
+            ->enabled(true)
+            ->select();
+        if (!$banner->isEmpty()) {
+            $banner_map = [];
+            foreach ($banner as $v) {
+                $banner_map[$v->unique_label] = $v;
+            }
+            $policy['focus_image'] = data_get($banner_map, 'BANNER_6806f5f19c3d6')?->items->first()?->toArray();
+            $policy['banner_1']    = data_get($banner_map, 'BANNER_6806f609b9fe9')?->items->toArray();
+            $policy['banner_2']    = data_get($banner_map, 'BANNER_6806f6315a699')?->items->toArray();
+            $policy['banner_3']    = data_get($banner_map, 'BANNER_6806f65c90eb6')?->items->toArray();
+            $policy['banner_4']    = data_get($banner_map, 'BANNER_6806f6736bb71')?->items->toArray();
+            $policy['banner_5']    = data_get($banner_map, 'BANNER_6806f684d4558')?->items->toArray();
+            $policy['banner_6']    = data_get($banner_map, 'BANNER_6806f69d81bd0')?->items->toArray();
+        }
+        View::assign('policy', $policy);
+
+        return View::fetch('policy');
+    }
 }

app/index/lang/en-us.php

@@ -41,11 +41,19 @@ return [
         'no_data'            => 'No Result！',
         'no_video'           => 'No Video！',
     ],
-    'mileage' => [
+    'aboutus_mileage' => [
         'achievement' => 'Our Achievement',
         'events'      => 'Brand Events',
         'development' => 'Tech Development',
     ],
+    'aboutus_policy' => [
+        'title'          => 'After-Sales Policy',
+        'banner_1_title' => 'After-sale Policy',
+        'banner_1_desc'  => 'ORICO commits to provide 7-day Refund, 15-day Exchange, 1-year Quality Warranty. ',
+        'banner_3_title' => 'For your own benefits, please mind the following information',
+        'banner_3_desc'  => 'For a smooth return and refund, quality warranty, please follow these steps:',
+        'banner_5_title' => 'ORICO is not liable for:'
+    ],
     'contact_index' => [
         'title'                     => 'contact us',
     ],

app/index/lang/zh-cn.php

@@ -41,11 +41,19 @@ return [
         'no_data'            => '查询无结果！',
         'no_video'           => '查询无此视频！',
     ],
-    'mileage' => [
+    'aboutus_mileage' => [
         'achievement' => 'ORICO荣耀',
         'events'      => '品牌里程',
         'development' => '品牌活动',
     ],
+    'aboutus_policy' => [
+        'title'          => '售后政策_注意事项',
+        'banner_1_title' => '售后政策',
+        'banner_1_desc'  => 'ORICO/奥睿科商城为您提供七天包退、15天换新、1年保修、终身维护的服务承诺',
+        'banner_3_title' => '为了保障您的合法权益，敬请关注以下信息',
+        'banner_3_desc'  => '为了得到深圳市元创时代科技有限公司给予您的“包修、包换、包退”的权益，请您：',
+        'banner_5_title' => '特别说明'
+    ],
     'contact_index' => [
         'title'                     => '客户服务',
     ],

app/index/route/route.php

@@ -54,6 +54,8 @@ Route::group('aboutus', function() {
     Route::get('story', 'AboutUs/story');
     // 品牌里程
     Route::get('mileage', 'AboutUs/mileage');
+    // 售后政策
+    Route::get('policy', 'AboutUs/policy');
 });
 
 // 联系我们

app/index/view/about_us/mileage.html

@@ -7,7 +7,7 @@
     <div class="achievementMain">
         <img src="__IMAGES__/Achievement.png" class="acvImg" />
         <div class="achInfo">
-            <div class="title">{:lang('mileage.achievement')}</div>
+            <div class="title">{:lang('aboutus_mileage.achievement')}</div>
             {notempty name="achievement"}
             <div class="achNums">
                 {volist name="achievement" id="ac"}
@@ -22,7 +22,7 @@
         <div class="achTimes">
             {notempty name="events"}
             <div class="timecontent">
-                <div class="title">{:lang('mileage.events')}</div>
+                <div class="title">{:lang('aboutus_mileage.events')}</div>
                 <div class="timelist">
                     <div class="timeline-time">
                         <ul class="event_year">
@@ -58,7 +58,7 @@
         <div class="tech">
             {notempty name="development"}
             <div class="techcontent">
-                <div class="title">{:lang('mileage.development')}</div>
+                <div class="title">{:lang('aboutus_mileage.development')}</div>
                 {volist name="development" id="de"}
                 <div class="techcon ">
                     <div class="text">

app/index/view/about_us/policy.html

@@ -0,0 +1,102 @@
+{extend name="public/base" /}
+{block name="title"}
+<title>{:lang('aboutus_policy.title')}</title>
+{/block}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/aboutus_policy.css">
+{/block}
+{block name="main"}
+<div class="orico_Page_policy">
+    <!-- 内容-->
+    <div class="ctmain">
+        {notempty name="policy.focus_image"}
+        <div class="img-responsive">
+            {notempty name="policy.focus_image.link"}
+            <a href="{$policy.focus_image.link}"><img src="{$policy.focus_image.image}" /></a>
+            {else/}
+            <img src="{$policy.focus_image.image}" />
+            {/notempty}
+        </div>
+        {/notempty}
+        <div class="lj_sale_policy">{:lang('aboutus_policy.banner_1_title')}</div>
+        <div class="lj_sale_t">{:lang('aboutus_policy.banner_1_desc')}</div>
+        <div class="swt-Container">
+            <div class="lj_icon_l clearfix">
+                {notempty name="policy.banner_1"}
+                <ul>
+                    {volist name="policy.banner_1" id="b1"}
+                    <li>
+                        <div class="lj_icon_left"><img src="{$b1.image}" /></div>
+                        <div class="lj_text_right">
+                            <div class="lj_h3">{$b1.title}</div>
+                            <div class="lj_des">{$b1.desc|raw}</div>
+                        </div>
+                    </li>
+                    {/volist}
+                </ul>
+                {/notempty}
+            </div>
+            {notempty name="policy.banner_2"}
+            {volist name="policy.banner_2" id="b2"}
+            <div class="lj_bg_i clearfix">
+                <div class="lj_img_l"><img src="{$b2.image}" /></div>
+                <div class="lj_text_r">
+                    <div class="lj_h3">{$b2.title}</div>
+                    <div class="lj_des">{$b2.desc|raw}</div>
+                </div>
+            </div>
+            {/volist}
+            {/notempty}
+            <div class="lj_three_policy">{:lang('aboutus_policy.banner_3_title')}</div>
+            <div class="lj_t_small">{:lang('aboutus_policy.banner_3_desc')}</div>
+            <div class="lj_policy_icon clearfix">
+                {notempty name="policy.banner_3"}
+                <ul>
+                    {volist name="policy.banner_3" id="b3"}
+                    <li>
+                        <div class="lj_icon05"><img src="{$b3.image}" /></div>
+                        <div class="lj_icon05_text">{$b3.title}</div>
+                    </li>
+                    {/volist}
+                </ul>
+                {/notempty}
+            </div>
+            {notempty name="policy.banner_4"}
+            {volist name="policy.banner_4" id="b4"}
+            <div class="lj_bg_i clearfix">
+                <div class="lj_img_l"><img src="{$b4.image}" /></div>
+                <div class="lj_text_r">
+                    <div class="lj_h3">{$b4.title}</div>
+                    <div class="lj_des">{$b4.desc|raw}</div>
+                </div>
+            </div>
+            {/volist}
+            {/notempty}
+            <div class="lj_three_policy">{:lang('aboutus_policy.banner_5_title')}</div>
+            <div class="lj_policy_four clearfix">
+                {notempty name="policy.banner_5"}
+                <ul>
+                    {volist name="policy.banner_5" id="b5"}
+                    <li>
+                        <div class="lj_icon05"><img src="{$b5.image}" /></div>
+                        <div class="lj_icon05_text">{$b5.title}</div>
+                    </li>
+                    {/volist}
+                </ul>
+                {/notempty}
+            </div>
+            {notempty name="policy.banner_6"}
+            {volist name="policy.banner_6" id="b6"}
+            <div class="lj_bg_i lj_mar_5 clearfix">
+                <div class="lj_img_l"><img src="{$b6.image}" /></div>
+                <div class="lj_text_r">
+                    <div class="lj_h3">{$b6.title}</div>
+                    <div class="lj_des">{$b6.desc|raw}</div>
+                </div>
+            </div>
+            {/volist}
+            {/notempty}
+        </div>
+    </div>
+</div>
+{/block}

public/static/index/css/aboutus_policy.css

@@ -0,0 +1,204 @@
+.orico_Page_policy {
+  background: #f2f2f2;
+  width: 100%;
+  height: auto;
+}
+.orico_Page_policy .ctmain {
+  display: flex;
+  flex-direction: column;
+}
+.orico_Page_policy .ctmain .img-responsive img {
+  width: 100%;
+}
+.orico_Page_policy .ctmain .lj_sale_policy {
+  font-size: 2.25rem;
+  text-align: center;
+  padding: 4.3% 0 1%;
+  color: #333;
+  font-weight: 600;
+}
+.orico_Page_policy .ctmain .lj_sale_t {
+  text-align: center;
+  font-size: 1.125rem;
+  color: #737373;
+  padding: 0.7% 2% 0.6%;
+}
+.orico_Page_policy .ctmain .lj_icon_l {
+  padding: 2%;
+}
+.orico_Page_policy .ctmain .lj_icon_l li {
+  padding: 1.25% 0;
+  width: 50%;
+  float: left;
+}
+.orico_Page_policy .ctmain .lj_text_right {
+  width: 70%;
+  float: left;
+  padding-left: 10px;
+}
+.orico_Page_policy .ctmain .lj_icon_left {
+  float: left;
+}
+@media (min-width: 1280px) {
+  .orico_Page_policy .ctmain .lj_icon_left {
+    width: 110px;
+  }
+}
+@media (max-width: 1279px) {
+  .orico_Page_policy .ctmain .lj_icon_left {
+    width: 18%;
+  }
+  .orico_Page_policy .ctmain .lj_icon_left img {
+    width: 100%;
+  }
+}
+@media (max-width: 979px) {
+  .orico_Page_policy .ctmain .lj_icon_l li {
+    width: 98%;
+  }
+  .orico_Page_policy .ctmain .lj_text_right {
+    width: 77%;
+  }
+}
+.orico_Page_policy .ctmain .lj_h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  padding-bottom: 0.5vw;
+  color: #333;
+}
+.orico_Page_policy .ctmain .lj_des {
+  font-size: 0.875rem;
+  line-height: 1.7rem;
+}
+.orico_Page_policy .ctmain .lj_bg_i {
+  background: #f1f1f1;
+  padding: 2.4% 2%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+@media (min-width: 1280px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    width: 26%;
+    float: left;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 72%;
+  }
+}
+@media (min-width: 980px) and (max-width: 1279px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    width: 313px;
+    float: left;
+    padding-right: 5%;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 60%;
+  }
+}
+.orico_Page_policy .ctmain .iotbpage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  background-color: #fff;
+}
+@media (min-width: 480px) and (max-width: 1279px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    display: none;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 90%;
+  }
+}
+@media (max-width: 479px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    width: 98%;
+    padding: 2% 0;
+    margin: auto;
+  }
+  .orico_Page_policy .ctmain .lj_img_l img {
+    max-width: 100%;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 90%;
+  }
+}
+.orico_Page_policy .ctmain .lj_three_policy {
+  font-size: 1.375rem;
+  text-align: center;
+  color: #333;
+  padding: 5.5% 0 1%;
+}
+.orico_Page_policy .ctmain .lj_t_small {
+  color: #737373;
+  text-align: center;
+}
+.orico_Page_policy .ctmain .lj_policy_icon {
+  padding: 2% 2% 5%;
+}
+@media (min-width: 800px) {
+  .orico_Page_policy .ctmain .lj_policy_icon li {
+    width: 27%;
+  }
+  .orico_Page_policy .ctmain .lj_policy_four li {
+    width: 20%;
+  }
+  .orico_Page_policy .ctmain .lj_icon05 {
+    width: 44.7%;
+  }
+}
+@media (max-width: 799px) {
+  .orico_Page_policy .ctmain .lj_policy_icon li {
+    width: 90%;
+    margin: auto;
+  }
+  .orico_Page_policy .ctmain .lj_policy_four li {
+    width: 45%;
+  }
+  .orico_Page_policy .ctmain .lj_icon05 {
+    width: 21.2%;
+  }
+}
+.orico_Page_policy .ctmain .lj_policy_four {
+  padding: 1.5% 2% 5%;
+}
+.orico_Page_policy .ctmain .lj_policy_four li {
+  margin-right: 5%;
+  float: left;
+}
+.orico_Page_policy .ctmain .lj_policy_four li:last-child {
+  margin-right: 0;
+}
+.orico_Page_policy .ctmain .lj_policy_icon li {
+  margin-right: 8%;
+  float: left;
+}
+.orico_Page_policy .ctmain .lj_policy_icon li:last-child {
+  margin-right: 0;
+}
+.orico_Page_policy .ctmain .lj_icon05 {
+  text-align: center;
+  padding: 8% 0;
+  margin: auto;
+}
+.orico_Page_policy .ctmain .lj_icon05 img {
+  max-width: 100%;
+}
+.orico_Page_policy .ctmain .lj_icon05_text {
+  text-align: center;
+  color: #737373;
+  font-size: 0.875rem;
+  line-height: 1.875rem;
+}
+.orico_Page_policy .ctmain .lj_mar_5 {
+  margin-bottom: 4.2%;
+}
+.orico_Page_policy .ctmain .swt-Container {
+  margin: 0 auto;
+  width: 80%;
+  display: flex;
+  flex-direction: column;
+}