caimei365-www/src/main/resources/templates/components/footer.html

<footer xmlns:th="http://www.w3.org/1999/xhtml">
    <div class="footTop">
        <div class="wrap mf">
            <span class="icon mIcon mfi">品类丰富 优质服务</span>
            <span class="icon mIcon mfi">正品溯源 品质保证</span>
            <span class="icon mIcon mfi">全球甄选 大牌云集</span>
            <span class="icon mIcon mfi">分期购机 先赚后还</span>
        </div>
    </div>
    <div class="footMain">
        <!--底部帮助页-->
        <div class="footLink wrap">
            <div class="list" th:each="type: ${helpPages}">
                <span class="tab" th:text="${type.name}"></span>
                <div class="con">
                    <a th:each="page: ${type.linkList}" th:href="'/help/'+${page.id}+'.html'" th:text="${page.name}" rel="nofollow"></a>
                </div>
            </div>
        </div>
        <!--二维码-->
        <div class="footContact wrap">
            <div class="footContact-code">
                <div class="item">
                    <div class="foot-icon kefu">
                        <i class="icon mIcon icon-kefu"></i>
                    </div>
                    <div class="foot-code"><img src="/img/common/qr_code_kefu.png" alt="采美客服"></div>
                    <P>采美客服</P>
                </div>
                <div class="item">
                    <div class="foot-icon hehe">
                        <i class="icon mIcon icon-hehe"></i>
                    </div>
                    <div class="foot-code"><img src="/img/common/qr_code_yan.jpg" alt="颜选美学"></div>
                    <P>颜选美学</P>
                </div>
                <div class="item">
                    <div class="foot-icon caimei">
                        <i class="icon mIcon icon-caimei"></i>
                    </div>
                    <div class="foot-code"><img src="/img/common/qr_code_caimei.jpg" alt="采美公众号"></div>
                    <P>采美公众号</P>
                </div>
               <div class="item">
                    <div class="foot-icon mini">
                        <i class="icon mIcon icon-mini"></i>
                    </div>
                    <div class="foot-code"><img src="/img/common/qr_code_mini.jpg" alt="采美小程序"></div>
                    <P>采美小程序</P>
                </div>
            </div>
            <div class="cellNumber">
                <span>周一至周五 09:00-18:00</span>
                <span>座机：<a href="tel:075522907771" rel="nofollow">0755-22907771</a></span>/<span>手机：<a href="tel:15338851365" rel="nofollow">153-3885-1365</a></span>
            </div>
        </div>
        <!--copyright-->
        <div class="wrap copyright clear">
            <div class="item">
                <p>
                    <span>
                        <img class="icp" src="/img/base/icon-icp@2x.png" alt="粤B1-20160129 备案号 ">
                        <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow" >粤ICP备14019824号</a>
                    </span>
                    <span>
                        <a href="https://static.caimei365.com/www/ppzs/互联网药品信息服务资格证.jpg" target="_blank" rel="nofollow" >互联网药品信息服务资格证编号(粤)-非经营性-2021-0339</a>
                    </span>
                    <span>
                        <a href="https://static.caimei365.com/www/ppzs/增值电信业务经营许可证.jpg" target="_blank" rel="nofollow" >中华人民共和国增值电信业务经营许可证</a>
                    </span>
                            <span>
                        <a href="https://static.caimei365.com/www/ppzs/医疗器械网络交易服务第三方平台备案凭证.png" target="_blank" rel="nofollow" >医疗器械网络交易服务第三方平台备案凭证</a>
                    </span>
                </p>
                <p>
                    <span>Copyright © 2015-2022 CAIMEI365.com All Rights Reserved.</span><span>深圳市采美网络信息有限公司</span>
                    <span>
                        <!-- CNZZ统计 start 只www.caimei365.com下初始化-->
                        <script type="text/javascript">
                        if (window.location.href.indexOf('www.caimei365.com') !== -1) {
                            document.write(unescape("%3Cspan id='cnzz_stat_icon_1279558759'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1279558759%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
                        }
                        var _czc = _czc || []; // 防止脚本未加载时报错
                        </script>
                        <!-- CNZZ统计 start -->
                    </span>
                </p>
            </div>
        </div>
    </div>
    <div id="scrollTop">
        <div class="item">
            <span class="phone icon mIcon">咨询热线</span>
            <div class="phoneHover mFixed">
                <div>
                    <p><a href="tel:075522907771" rel="nofollow">0755-22907771<i class="h5Only">点击咨询</i></a></p>
                    <p><a href="tel:15338851365" rel="nofollow">153-3885-1365<i class="h5Only">点击咨询</i></a></p>
                    <p><span>工作日</span></p>
                    <p>周一 ～ 周五 / 09:00～18:00</p>
                    <i class="close"></i>
                </div>
            </div>
        </div>
        <div class="item">
            <span class="toTop icon mIcon">TOP</span>
        </div>
        <div class="item">
            <span class="Iphone icon mIcon">手机端</span>
            <div class="qrCode_cx">
                <div>
                    <img src="/img/common/qr_code_mini.jpg" alt="采美小程序">
                    <span>采美小程序</span>
                </div>
                <div>
                    <img src="/img/common/qr_code_caimei.jpg" alt="采美公众号">
                    <span>采美公众号</span>
                </div>
            </div>
<!--            <div class="phoneHover mFixed">-->
<!--                <div>-->
<!--                    <p><span>工作日</span></p>-->
<!--                    <p>周一 ～ 周五 / 09:00～18:00</p>-->
<!--                    <i class="close"></i>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
</footer>