From 4ed3aface4a9eb575726ef4eda0394e581e00ad2 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Thu, 5 Jun 2025 10:35:21 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20mobile=E8=81=94=E7=B3=BB=E6=88=91?= =?UTF-8?q?=E4=BB=AC=20-=20=E5=93=81=E7=89=8C=E4=BB=8B=E7=BB=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/controller/AboutUs.php | 1 + app/index/lang/en-us/mobile.php | 8 + .../view/mobile/about_us/introduction.html | 55 +++- .../index/mobile/css/aboutus_introduction.css | 289 ++++++++++++++++++ 4 files changed, 351 insertions(+), 2 deletions(-) create mode 100755 public/static/index/mobile/css/aboutus_introduction.css diff --git a/app/index/controller/AboutUs.php b/app/index/controller/AboutUs.php index bd9e7ea9..12789f06 100644 --- a/app/index/controller/AboutUs.php +++ b/app/index/controller/AboutUs.php @@ -27,6 +27,7 @@ class AboutUs extends Common ->where('status', '=', 1) ->order(['sort' => 'asc', 'id' => 'desc']); }]) + ->atPlatform(request()->from) ->uniqueLabel([ "BANNER_680744b1d0000", "BANNER_680744e7cacb3", diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php index 288f2120..4301e618 100644 --- a/app/index/lang/en-us/mobile.php +++ b/app/index/lang/en-us/mobile.php @@ -121,4 +121,12 @@ return [ '发送' => 'SEND', '成为经销商' => 'Become a Distributor', ], + + // 关于我们 - 品牌介绍 + 'aboutus/introduction' => [ + '品牌介绍' => 'Introduction of the Brand', + '选择我们的理由' => 'Why Choose Us', + '为您提供专属定制服务' => 'How We Can Help with Customization', + '对于不同的情况' => 'For Different Situation', + ], ]; \ No newline at end of file diff --git a/app/index/view/mobile/about_us/introduction.html b/app/index/view/mobile/about_us/introduction.html index b2e756c6..603a1a34 100644 --- a/app/index/view/mobile/about_us/introduction.html +++ b/app/index/view/mobile/about_us/introduction.html @@ -1,7 +1,58 @@ {extend name="public/base" /} +{block name="title"} +{notempty name=":lang_i18n('品牌介绍')"}{:lang_i18n('品牌介绍')}{else/}{__BLOCK__}{/notempty} +{/block} {block name="style"} - + {/block} {block name="main"} - +
+
+ {notempty name="focus_image"} + + {/notempty} + {notempty name="why"} +
+

{:lang_i18n('选择我们的理由')}

+
+ {volist name="why" id="wh"} +
+ +

{$wh.title}

+ {$wh.desc|raw} +
+ {/volist} +
+
+ {/notempty} + {notempty name="service"} +
+

{:lang_i18n('为您提供专属定制服务')}

+
+ {assign name="flat_service" value=":\think\helper\Arr::flatMap(fn($item) => $item, $service)" /} + {volist name="flat_service" id="fs"} +
+ + {$fs.title} +
+ {/volist} +
+
+ {/notempty} + {notempty name="difference"} +
+

{:lang_i18n('对于不同的情况')}

+
+ {assign name="flat_difference" value=":\think\helper\Arr::flatMap(fn($item) => $item, $difference)" /} + {volist name="flat_difference" id="di"} +
+ + {$di.title} +
+ {/volist} +
+
+ {/notempty} +
+
{/block} \ No newline at end of file diff --git a/public/static/index/mobile/css/aboutus_introduction.css b/public/static/index/mobile/css/aboutus_introduction.css new file mode 100755 index 00000000..0d33e751 --- /dev/null +++ b/public/static/index/mobile/css/aboutus_introduction.css @@ -0,0 +1,289 @@ +.iotbpage { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + position: relative; + overflow: auto; + padding-top: 50px; +} + +.iotb_bgw { + width: 100%; + background-color: #fff; + display: flex; + flex-direction: column; + align-items: center; +} + +.bdimg1 { + width: 100%; +} + +.iotbt1 { + font-size: 18px; + font-family: Montserrat-Bold, Montserrat; + padding-bottom: 24px; + padding-top: 40px; + font-weight: 700; + color: #000; +} + +.iotb_part1 { + padding: 0 20px; + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + padding-bottom: 40px; + align-items: baseline; +} + +.iotb_p1_item { + width: 45%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.iotb_p1_item img { + width: 72px; + height: 72px; +} + +.iotbic1 { + width: 120px; + height: 120px; +} + +.iotbtp1 { + font-size: 14px; + font-family: Montserrat-Bold, Montserrat; + font-weight: bold; + padding-bottom: 11px; + word-break: break-word; +} + +.iotbts1 { + text-align: center; + font-size: 12px; + font-family: Montserrat-Medium, Montserrat; + color: #9e9e9f; + word-break: break-word; +} + +.iotb_part2 { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.fdimgs { + padding-bottom: 60px; + margin: 0 auto; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} + +.iotb_part3 { + width: 100%; + padding-bottom: 81px; + display: flex; + background-color: #fff; + flex-direction: column; +} + +.odmmain { + width: 70%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.odmconten { + width: 81%; + margin: 0 auto; + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; +} + +.odmitem { + width: 41%; + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 24px; +} + +.appodmimg { + width: 72px; + height: 72px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + box-shadow: 0px 2px 5px rgba(124, 162, 207, 0.2); +} + +.odms1 { + color: #202020; + font-size: 14px; + padding-top: 12px; + text-align: center; + font-family: Montserrat-Medium, Montserrat; + overflow-wrap: break-word; + word-break: break-word; +} + +.appcoofootimg { + width: 100%; +} + +.sfbt1 { + text-align: center; + font-size: 18px; + font-family: Montserrat-Bold, Montserrat; + font-weight: bold; + padding-bottom: 24px; + padding-top: 24px; + color: #000; +} + +.sfbchecks { + display: flex; + flex-direction: column; +} + +.sfbcheckboxlist { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.sfbcheckboxit { + margin: 0 !important; + border: 1px solid #ccc; + width: 16px !important; + height: 16px !important; + border-radius: 2px !important; + margin-right: 10px !important; +} + +.cit { + width: 100%; + font-size: 14px; + font-family: Montserrat-Regular, Montserrat; + color: #000; + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 12px; + font-weight: 400; +} + +.bd_main1 { + max-height: none; +} + +.ittextarea2 { + height: 200px; +} + +.bditem select { + border: 1px solid #f2f2f2; +} + +.bd_from .form-control { + display: block; + /*width: 100%;*/ + padding: 2px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} + +.wcu_list { + display: flex; + flex-direction: column; + padding: 0 20px; +} + +.wcu_ltem { + width: 100%; + margin-bottom: 12px; + background: #fff; + border-radius: 8px; + display: flex; + flex-direction: column; + /*padding: 0 20px;*/ +} + +.wcu_ltem .fbit { + width: 100%; +} + +.wcu_s1 { + color: #000; + font: 16px; + font-family: Montserrat-Medium, Montserrat; + font-weight: 500; + padding: 20px 24px; +} + +.bd_main2 { + padding-bottom: 75px; +} + +.iotbtp1 { + text-align: center; +} + +.iotb_p1_item img { + width: 60px; + height: 60px; + margin-bottom: 8px; +} + +.iotb_part22 { + padding-bottom: 50px; + background: #fff; +} + +.iotb_part22 .wcu_list { + flex-direction: row; + flex-wrap: wrap; +} + +.iotb_part22 .wcu_ltem { + width: 49% !important; + position: relative; + margin-bottom: 8px; +} + +.iotb_part22 .wcu_s1 { + font-size: 12px; + color: #fff; + position: absolute; + padding: 0; + background: rgba(0, 0, 0, 0.4); + width: -webkit-fill-available; + height: 35px; + text-align: center; + line-height: 35px; + bottom: 0; + font-weight: bold; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +}