web/images/erweima.jpg" alt="微信二维码" />
        <span>扫码关注公众号</span>
      </div>
    </div>
    <div class="home-float-item home-float-top" id="homeBackTop">
      <i class="bi bi-arrow-up"></i>
    </div>
  </div>
  
  <div class="contact-wrapper">

    <!-- 二维码弹窗 -->
    <div class="qr-panel" id="qrPanel">
        <div class="close-btn" onclick="toggleQR()">×</div>
        <h3>微信扫码咨询</h3>
        <img src="/static/default/web/images/qrcode2.jpg" alt="微信二维码">
        <p>扫一扫添加微信</p>
    </div>

    <!-- 右侧按钮 -->
    <div style="display:flex; flex-direction:column; align-items:center;">
        <div class="contact-avatar">
            <img src="/static/default/web/images/avatar.png" alt="销售头像">
        </div>

        <div class="contact-btn" onclick="toggleQR()">
            <div class="vertical-text">业务咨询</div>
        </div>
    </div>

</div>

<script>
function toggleQR(){
    document.getElementById("qrPanel").classList.toggle("show");
}
</script>

  <!-- Bootstrap 5 JS -->
  <script src="/static/default/web/js/bootstrap.bundle.min.js"></script>
  <!-- AOS 动画库 -->
  <script src="/static/default/web/js/aos.js"></script>
  <!-- 页面自定义脚本 -->
  <script src="/static/default/web/js/home.js"></script>


  </body>
</html>