if (mouse.x < 0 && mouse.y > 0) { popup = document.createElement('div'); popup.style.position = 'absolute'; popup.style.width = '2cm'; popup.style.height = '1cm'; popup.style.top = '5%'; popup.style.left = '3%'; popup.style.marginTop = '-1cm'; popup.style.marginLeft = '-1cm'; popup.style.backgroundColor = 'green'; // popup.style.border = '1px solid black'; popup.style.textAlign = 'center'; popup.style.lineHeight = '1cm'; popup.style.color = 'white'; popup.innerHTML = '鎌倉殿'; document.body.appendChild(popup); 修改这里的字体类型

你可以添加一个新的 CSS 样式来修改字体类型。在 `popup` 对象上添加以下代码：

popup.style.fontFamily = 'Arial';

这将把字体类型更改为 Arial。你可以根据自己的需要修改字体类型。

相关问题

if (mouse.x < 0 && mouse.y > 0) { popup = document.createElement('div'); popup.style.position = 'absolute'; popup.style.width = 'auto'; popup.style.height = '1cm'; popup.style.top = '5%'; popup.style.left = '3%'; popup.style.marginTop = '-1cm'; popup.style.marginLeft = '-1cm'; popup.style.backgroundColor = 'green'; // popup.style.border = '1px solid black'; popup.style.textAlign = 'center'; popup.style.lineHeight = '1cm'; popup.style.color = 'white'; popup.style.fontFamily = 'Yu Mincho Demibold'; popup.style.fontSize = '16px'; popup.innerHTML = '鎌倉殿的13人'; document.body.appendChild(popup); } 让文本距离左侧边框1cm

将`popup.style.left`的值改为`1cm`即可实现文本距离左侧边框1cm的效果。代码如下：

if (mouse.x < 0 && mouse.y > 0) {
    popup = document.createElement('div');
    popup.style.position = 'absolute';
    popup.style.width = 'auto';
    popup.style.height = '1cm';
    popup.style.top = '5%';
    popup.style.left = '1cm';  // 将 left 值改为 1cm
    popup.style.marginTop = '-1cm';
    popup.style.marginLeft = '-1cm';
    popup.style.backgroundColor = 'green';
    // popup.style.border = '1px solid black';
    popup.style.textAlign = 'center';
    popup.style.lineHeight = '1cm';
    popup.style.color = 'white';
    popup.style.fontFamily = 'Yu Mincho Demibold';
    popup.style.fontSize = '16px';
    popup.innerHTML = '鎌倉殿的13人';
    document.body.appendChild(popup);
}

<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> <div class="popup-row"> <div class="popup-item">50</div> <div class="popup-item">100</div> <div class="popup-item">200</div> </div> <div> <div><van-button round type="info">确认提现</van-button></div> </div> </div>点击确认提现弹出选中的div中对应的数字并示范一下

好的，以下是示例代码：

HTML 代码：

<div class="popup-content">
  <div class="popup-row">
    <div class="popup-item" id="popup-item-1">5</div>
    <div class="popup-item" id="popup-item-2">10</div>
    <div class="popup-item" id="popup-item-3">20</div>
  </div>
  <div class="popup-row">
    <div class="popup-item" id="popup-item-4">50</div>
    <div class="popup-item" id="popup-item-5">100</div>
    <div class="popup-item" id="popup-item-6">200</div>
  </div>
  <div>
    <div><van-button round type="info" id="confirm-button">确认提现</van-button></div>
  </div>
</div>

JavaScript 代码：

// 获取确认提现按钮元素
var confirmButton = document.getElementById("confirm-button");

// 添加点击事件处理程序
confirmButton.onclick = function() {
  // 获取所有选项元素
  var popupItems = document.getElementsByClassName("popup-item");
  // 遍历选项元素
  for (var i = 0; i < popupItems.length; i++) {
    // 判断当前选项元素是否被选中
    if (popupItems[i].classList.contains("selected")) {
      // 提取选项元素中的数字并弹出提示框
      var selectedNumber = popupItems[i].innerHTML;
      alert("您选中了：" + selectedNumber);
      break;
    }
  }
}

// 获取所有选项元素
var popupItems = document.getElementsByClassName("popup-item");
// 遍历选项元素
for (var i = 0; i < popupItems.length; i++) {
  // 添加点击事件处理程序
  popupItems[i].onclick = function() {
    // 取消所有选中状态
    for (var j = 0; j < popupItems.length; j++) {
      popupItems[j].classList.remove("selected");
    }
    // 添加选中状态
    this.classList.add("selected");
  }
}

示例代码中，我们给每个选项元素添加了一个唯一的 ID，然后在确认提现按钮的点击事件中，遍历所有选项元素，找到被选中的元素，提取其中的数字，并弹出提示框。

同时，我们也给每个选项元素添加了一个点击事件处理程序，当用户点击一个选项时，我们会取消所有选中状态，然后将当前选项设为选中状态。这样，用户就可以通过点击选项来选择要提现的金额。