<div> <div style="display: flex"> <div>5</div> <div>10</div> <div>20</div> <div>30</div> </div> <div style="display: flex"> <div>50</div> <div>100</div> <div>200</div> <div>500</div> </div> </div>美化这些div用于提现页面

好的，下面是美化这些`<div>`标签的样式：

/* 父容器样式 */
.popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px;
}

/* 子容器样式 */
.popup-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}

/* 子元素样式 */
.popup-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 20px;
  color: #333;
  background-color: #fff; /* 背景色 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影 */
  transition: all 0.3s ease; /* 过渡效果 */
}

/* 鼠标悬停样式 */
.popup-item:hover {
  transform: scale(1.1); /* 放大动画 */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /* 放大后的阴影 */
  cursor: pointer;
}

/* 选中样式 */
.popup-item.active {
  color: #fff;
  background-color: #f00;
}

您可以将这些样式添加到您的样式表中，或将其添加到`<style>`标签中。然后，您需要在弹窗中添加以下代码：

<van-popup v-model="show" position="bottom" :style="{ height: '50%' }">
  <div class="popup-content">
    <div class="popup-row">
      <div class="popup-item">5</div>
      <div class="popup-item">10</div>
      <div class="popup-item">20</div>
      <div class="popup-item">30</div>
    </div>
    <div class="popup-row">
      <div class="popup-item">50</div>
      <div class="popup-item">100</div>
      <div class="popup-item">200</div>
      <div class="popup-item">500</div>
    </div>
  </div>
</van-popup>

这样就可以应用这些样式，并且实现了鼠标悬停和选中效果。如果您需要根据具体需求进行修改，可以对样式进行调整。