feat: 收紧姓名间距并缩小大区块

assets/js/page3.js

@@ -135,16 +135,19 @@
   const TAG = {
     cols: 4,
     rows: 9,
-    width: 5,
-    height: 2,
+    width: 3,
+    height: 1,
     gapX: 1,
     gapY: 1,
+    padding: 1,
     left: 2,
     top: 12,
   };
 
-  const blockWidth = TAG.cols * TAG.width + (TAG.cols - 1) * TAG.gapX;
-  const blockHeight = TAG.rows * TAG.height + (TAG.rows - 1) * TAG.gapY;
+  const blockWidth =
+    TAG.padding * 2 + TAG.cols * TAG.width + (TAG.cols - 1) * TAG.gapX;
+  const blockHeight =
+    TAG.padding * 2 + TAG.rows * TAG.height + (TAG.rows - 1) * TAG.gapY;
 
   const block = document.createElement('div');
   block.className = 'nametag-block';
@@ -152,6 +155,7 @@
   block.style.top = `${TAG.top}em`;
   block.style.width = `${blockWidth}em`;
   block.style.height = `${blockHeight}em`;
+  block.style.padding = `${TAG.padding}em`;
   block.style.gridTemplateColumns = `repeat(${TAG.cols}, ${TAG.width}em)`;
   block.style.gridAutoRows = `${TAG.height}em`;
   block.style.columnGap = `${TAG.gapX}em`;