底部

app/index/view/mobile/topic_power_prodline/index.html

@@ -461,6 +461,82 @@
         <div class="mask-scroll-content"></div>
     </div>
 </div> 
+
+<footer class="oircoEgapp-foot">
+    <div class="footer">
+        <div class="logo-white"><img src="__IMAGES__/logo-white.png"></div>
+        <div class="foot-cate">
+            <ul class="clearfix">
+                {notempty name="header_categorys"}
+                <li>
+                    <h3>{:lang_i18n('产品')}</h3>
+                    {volist name="header_categorys" id="hc"}
+                    <p><a href="{:url('product/category', ['id' => $hc.id])}">{$hc.name}</a></p>
+                    {/volist}
+                </li>
+                {/notempty}
+                {notempty name="footer_navigation"}
+                {volist name="footer_navigation" id="fn"}
+                <li>
+                    <h3>{$fn.name}</h3>
+                    {notempty name="fn.children"}
+                    {volist name="fn.children" id="fnc"}
+                    <p>
+                        <a href="{$fnc.link}" {eq name="fnc.link" value="1"}target="_blank"{/eq} class="inline-block link-faded break-all">
+                            {$fnc.name}
+                        </a>
+                    </p>
+                    {/volist}
+                    {/notempty}
+                </li>
+                {/volist}
+                {/notempty}
+                <li>
+                    <h3>{:lang_i18n('联系方式')}</h3>
+                    {if condition="!empty($contact_config)"}
+                        {volist name="contact_config" id="vo"}
+                            {if condition="$vo.type != 'image'"}
+                                <p>{$vo.value}</p>
+                            {/if}
+                        {/volist}
+                    {/if}
+                </li>
+            </ul>
+        </div>
+        <div class="foot-wei">
+            <div class="m_footer text_white m-in-top clearfix">
+                {notempty name="media_config"}
+                <div class="left">
+                    {volist name="media_config" id="mc"}
+                    <a href="{$mc.url.value}" target="_blank"><img src="{$mc.image.value}"></a>
+                    {/volist}
+                </div>
+                {/notempty}
+                {notempty name="header_languages"}
+                    {volist name="header_languages" id="hl"}
+                        {if condition="$hl.lang_code == cookie('think_lang')"}
+                        <div class="right mask-up img-responsive foot-con top-country-toggle">
+                            <img class="right-country" src="{$hl.lang_icon}">
+                            <span>{$hl.lang_en_name}</span>
+                            <img src="__IMAGES__/downicon.png">
+                        </div>
+                        {/if}
+                    {/volist}
+                {/notempty}
+            </div>
+        </div>
+        {notempty name="basic_config.website_powerby.value"}
+        <div class="copy-text">
+            {$basic_config.website_powerby.value}
+            {notempty name="$basic_config.website_icp"}
+            <a href="https://beian.miit.gov.cn/" style="color:white;">{$basic_config.website_icp.value|raw}</a>
+            {/notempty}
+        </div>
+        {/notempty}
+    </div>
+</footer>
+
+
 {/block}
 {block name="script"}
 <script type="text/javascript">

public/static/index/mobile/css/topic_power_prodline/index.css

@@ -78,3 +78,88 @@ html {
     font-size: inherit !important; /* 继承内联样式的50px，而非浏览器默认值 */
     -webkit-text-size-adjust: none !important; /* 禁止iOS自动调整字体大小 */
 }
+.oircoEgapp-foot .logo-white img {
+    margin: 0 auto;
+  }
+  .oircoEgapp-foot .m_footer {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+  }
+  .oircoEgapp-foot .m_footer .left,
+  .oircoEgapp-foot .foot-con {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .oircoEgapp-foot .m_footer .right {
+    max-width: 55%;
+  }
+  .oircoEgapp-foot .m_footer .left {
+    max-width: 40%;
+    justify-content: end;
+    margin-right: 4%;
+  }
+  .oircoEgapp-foot .foot-con span {
+    width: auto;
+    padding: 0 0.625rem;
+  }
+  .oircoEgapp-foot .foot-cate .clearfix li h3 {
+    margin-bottom: 10px;
+  }
+  .oircoEgapp-foot .foot-cate .clearfix li p,
+  .oircoEgapp-foot .foot-cate .clearfix li p a {
+    font-size: 12px;
+  }
+  .logo-white {
+    text-align: center;
+    padding: 1rem 0 0;
+    display: flex;
+    align-items: center;
+}
+.foot-cate {
+    padding: 0 0.16rem;
+}
+.foot-cate h3 {
+    font-size: 0.28rem;
+}
+.foot-cate li {
+    padding: 0.7rem 0;
+    min-height: 1.8rem;
+}
+.foot-cate li p {
+    line-height: 0.8rem;
+}
+.m_footer .right {
+    float: right;
+    width: 57%;
+    text-align: left;
+}
+.foot-con span {
+    font-size:0.28rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    width: 100%;
+   height: auto;
+    cursor: pointer;
+    font-family: 'HarmonyOS-Medium';
+}
+.oircoEgapp-foot .foot-con span {
+    width: auto;
+    padding: 0 0.125rem;
+}
+.m_footer .left  a{
+    display: flex;
+    align-items: center;
+}
+.m_footer .left img {
+   width: 0.7rem;
+    padding-right: 0.2rem;
+    padding-top: 0;
+}
+.oircoEgapp-foot .m_footer .right {
+    max-width: 50%;
+}