点击购物车去结算底部弹窗显示支付宝和微信图标的代码

这个需求的实现需要前端开发技术，具体的代码实现可能因网站的不同而有所差异，以下是一个基本的实现思路：

HTML代码：

<div class="cart">
  <a href="#" class="cart-icon"><i class="fas fa-shopping-cart"></i></a>
  <div class="cart-panel">
    <div class="cart-header">
      <h3>购物车</h3>
    </div>
    <div class="cart-body">
      <!-- 购物车内容 -->
    </div>
    <div class="cart-footer">
      <a href="#" class="btn-checkout">去结算</a>
    </div>
  </div>
</div>

<div class="payment-popup">
  <div class="payment-popup-panel">
    <h3>选择支付方式</h3>
    <div class="payment-options">
      <a href="#" class="payment-alipay"><i class="fab fa-alipay"></i>支付宝</a>
      <a href="#" class="payment-wechat"><i class="fab fa-weixin"></i>微信</a>
    </div>
  </div>
</div>

CSS代码：

.cart {
  position: relative;
}
.cart-panel {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 10;
}
.cart-panel.active {
  display: block;
}
.payment-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 20;
}
.payment-popup-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 400px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: center;
}
.payment-options {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.payment-options a {
  display: block;
  margin: 0 10px;
  text-decoration: none;
  color: #333;
}
.payment-options a i {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

JavaScript代码：

// 显示购物车面板
var cartIcon = document.querySelector('.cart-icon');
var cartPanel = document.querySelector('.cart-panel');
cartIcon.addEventListener('click', function(event) {
  event.preventDefault();
  cartPanel.classList.toggle('active');
});

// 显示支付方式弹窗
var btnCheckout = document.querySelector('.btn-checkout');
var paymentPopup = document.querySelector('.payment-popup');
btnCheckout.addEventListener('click', function(event) {
  event.preventDefault();
  paymentPopup.style.display = 'block';
});

// 关闭支付方式弹窗
var paymentPopupPanel = document.querySelector('.payment-popup-panel');
paymentPopupPanel.addEventListener('click', function(event) {
  event.stopPropagation();
});
paymentPopup.addEventListener('click', function() {
  paymentPopup.style.display = 'none';
});

这段代码实现了点击购物车图标显示购物车面板，点击去结算按钮显示支付方式弹窗，以及点击支付方式弹窗外部或关闭按钮关闭支付方式弹窗。其中支付方式弹窗中包括支付宝和微信的图标，用户可以点击选择其中一种支付方式进行结算。需要注意的是，本代码中使用了Font Awesome图标库和一些CSS样式，需要在HTML文件中引入相关的CSS和JS文件。