# app/views/goods/_data_small.html.erb

<div id="page-container">
  <!-- 页面的内容 -->
</div>

.zoomed-in {
  transform: scale(1.2);
}

<script>

// 获取页面容器元素
var pageContainer = document.getElementById("page-container");

// 监听双击事件
pageContainer.addEventListener("dblclick", function() {
  // 切换页面放大效果
  if (pageContainer.classList.contains("zoomed-in")) {
    // 如果已经放大，则移除放大效果
    pageContainer.classList.remove("zoomed-in");
  } else {
    // 如果未放大，则添加放大效果
    pageContainer.classList.add("zoomed-in");
  }
});

</script>