diff --git a/app/index/controller/AboutUs.php b/app/index/controller/AboutUs.php index 751a1412..582ae3e4 100644 --- a/app/index/controller/AboutUs.php +++ b/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'); + } } diff --git a/app/index/lang/en-us.php b/app/index/lang/en-us.php index b1e2042a..ed7d75cb 100644 --- a/app/index/lang/en-us.php +++ b/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', ], diff --git a/app/index/lang/zh-cn.php b/app/index/lang/zh-cn.php index 54d68a19..cede4917 100644 --- a/app/index/lang/zh-cn.php +++ b/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' => '客户服务', ], diff --git a/app/index/route/route.php b/app/index/route/route.php index ce3ce0f9..84564f6f 100644 --- a/app/index/route/route.php +++ b/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'); }); // 联系我们 diff --git a/app/index/view/about_us/mileage.html b/app/index/view/about_us/mileage.html index e8ada267..1449ed21 100644 --- a/app/index/view/about_us/mileage.html +++ b/app/index/view/about_us/mileage.html @@ -7,7 +7,7 @@
-
{:lang('mileage.achievement')}
+
{:lang('aboutus_mileage.achievement')}
{notempty name="achievement"}
{volist name="achievement" id="ac"} @@ -22,7 +22,7 @@
{notempty name="events"}
-
{:lang('mileage.events')}
+
{:lang('aboutus_mileage.events')}
    @@ -58,7 +58,7 @@
    {notempty name="development"}
    -
    {:lang('mileage.development')}
    +
    {:lang('aboutus_mileage.development')}
    {volist name="development" id="de"}
    diff --git a/app/index/view/about_us/policy.html b/app/index/view/about_us/policy.html new file mode 100644 index 00000000..0f44dd15 --- /dev/null +++ b/app/index/view/about_us/policy.html @@ -0,0 +1,102 @@ +{extend name="public/base" /} +{block name="title"} +{:lang('aboutus_policy.title')} +{/block} +{block name="style"} + +{/block} +{block name="main"} +
    + +
    + {notempty name="policy.focus_image"} +
    + {notempty name="policy.focus_image.link"} + + {else/} + + {/notempty} +
    + {/notempty} +
    {:lang('aboutus_policy.banner_1_title')}
    +
    {:lang('aboutus_policy.banner_1_desc')}
    +
    +
    + {notempty name="policy.banner_1"} +
      + {volist name="policy.banner_1" id="b1"} +
    • +
      +
      +
      {$b1.title}
      +
      {$b1.desc|raw}
      +
      +
      • + {/volist} +
    + {/notempty} +
    + {notempty name="policy.banner_2"} + {volist name="policy.banner_2" id="b2"} +
    +
    +
    +
    {$b2.title}
    +
    {$b2.desc|raw}
    +
    +
    + {/volist} + {/notempty} +
    {:lang('aboutus_policy.banner_3_title')}
    +
    {:lang('aboutus_policy.banner_3_desc')}
    +
    + {notempty name="policy.banner_3"} +
      + {volist name="policy.banner_3" id="b3"} +
    • +
      +
      {$b3.title}
      +
      • + {/volist} +
    + {/notempty} +
    + {notempty name="policy.banner_4"} + {volist name="policy.banner_4" id="b4"} +
    +
    +
    +
    {$b4.title}
    +
    {$b4.desc|raw}
    +
    +
    + {/volist} + {/notempty} +
    {:lang('aboutus_policy.banner_5_title')}
    +
    + {notempty name="policy.banner_5"} +
      + {volist name="policy.banner_5" id="b5"} +
    • +
      +
      {$b5.title}
      +
      • + {/volist} +
    + {/notempty} +
    + {notempty name="policy.banner_6"} + {volist name="policy.banner_6" id="b6"} +
    +
    +
    +
    {$b6.title}
    +
    {$b6.desc|raw}
    +
    +
    + {/volist} + {/notempty} +
    +
    +
    +{/block} \ No newline at end of file diff --git a/public/static/index/css/aboutus_policy.css b/public/static/index/css/aboutus_policy.css new file mode 100644 index 00000000..9c25f06d --- /dev/null +++ b/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; +} diff --git a/public/static/index/images/policy-01.jpg b/public/static/index/images/policy-01.jpg new file mode 100644 index 00000000..ea0b4878 Binary files /dev/null and b/public/static/index/images/policy-01.jpg differ diff --git a/public/static/index/images/policy-icon01.jpg b/public/static/index/images/policy-icon01.jpg new file mode 100644 index 00000000..34a63cc0 Binary files /dev/null and b/public/static/index/images/policy-icon01.jpg differ diff --git a/public/static/index/images/policy-icon02.jpg b/public/static/index/images/policy-icon02.jpg new file mode 100644 index 00000000..9ce198f7 Binary files /dev/null and b/public/static/index/images/policy-icon02.jpg differ diff --git a/public/static/index/images/policy-icon03.jpg b/public/static/index/images/policy-icon03.jpg new file mode 100644 index 00000000..7debebfb Binary files /dev/null and b/public/static/index/images/policy-icon03.jpg differ diff --git a/public/static/index/images/policy-icon04.jpg b/public/static/index/images/policy-icon04.jpg new file mode 100644 index 00000000..01ac48bd Binary files /dev/null and b/public/static/index/images/policy-icon04.jpg differ diff --git a/public/static/index/images/policy-icon05.png b/public/static/index/images/policy-icon05.png new file mode 100644 index 00000000..4dc42aac Binary files /dev/null and b/public/static/index/images/policy-icon05.png differ diff --git a/public/static/index/images/policy-icon06.png b/public/static/index/images/policy-icon06.png new file mode 100644 index 00000000..8998c515 Binary files /dev/null and b/public/static/index/images/policy-icon06.png differ diff --git a/public/static/index/images/policy-icon07.png b/public/static/index/images/policy-icon07.png new file mode 100644 index 00000000..e4a8eb45 Binary files /dev/null and b/public/static/index/images/policy-icon07.png differ diff --git a/public/static/index/images/policy-icon08.png b/public/static/index/images/policy-icon08.png new file mode 100644 index 00000000..cdd9eb6a Binary files /dev/null and b/public/static/index/images/policy-icon08.png differ diff --git a/public/static/index/images/policy-icon09.png b/public/static/index/images/policy-icon09.png new file mode 100644 index 00000000..1d354fb4 Binary files /dev/null and b/public/static/index/images/policy-icon09.png differ diff --git a/public/static/index/images/policy-icon10.png b/public/static/index/images/policy-icon10.png new file mode 100644 index 00000000..45264f25 Binary files /dev/null and b/public/static/index/images/policy-icon10.png differ diff --git a/public/static/index/images/policy-icon11.png b/public/static/index/images/policy-icon11.png new file mode 100644 index 00000000..2b53086e Binary files /dev/null and b/public/static/index/images/policy-icon11.png differ diff --git a/public/static/index/images/policy-img01.jpg b/public/static/index/images/policy-img01.jpg new file mode 100644 index 00000000..eb2a8115 Binary files /dev/null and b/public/static/index/images/policy-img01.jpg differ diff --git a/public/static/index/images/policy-img02.jpg b/public/static/index/images/policy-img02.jpg new file mode 100644 index 00000000..44a07fbb Binary files /dev/null and b/public/static/index/images/policy-img02.jpg differ diff --git a/public/static/index/images/policy-img04.jpg b/public/static/index/images/policy-img04.jpg new file mode 100644 index 00000000..a0084d0f Binary files /dev/null and b/public/static/index/images/policy-img04.jpg differ