diff --git a/.gitignore b/.gitignore index b09855c..c3fd9df 100644 --- a/.gitignore +++ b/.gitignore @@ -12,6 +12,9 @@ desktop.ini *.log .tmp-* +# 图片本地备份(不入库) +*.orig.png + # Python / uv .venv/ __pycache__/ diff --git a/assets/css/page2.css b/assets/css/page2.css index 92ccfbf..f70ce04 100644 --- a/assets/css/page2.css +++ b/assets/css/page2.css @@ -20,6 +20,17 @@ .frame { color: color-mix(in srgb, #e0c34a 62%, #000); } .picture { color: color-mix(in srgb, #e8e8e4 42%, #000); } +/* 画框照片:图区为 x13–19 / y4–8(6 × 4em),四边各缩 0.1em;等比 contain 后居中 */ +.picture-img { + position: absolute; + left: 13em; + top: 4.1em; + width: 5.8em; + height: 3.8em; + object-fit: contain; + z-index: 1; +} + /* 前景标题「酒水单」:字号与颜色同 page3 的「演职员表」; em 相对自身 1.6em 字号,2.9375em = 距顶 4.7 格(居中于留空行 4–6), 2.5em = 距左 4 格 */ diff --git a/assets/images/page2-picture.png b/assets/images/page2-picture.png new file mode 100644 index 0000000..f3591ac Binary files /dev/null and b/assets/images/page2-picture.png differ diff --git a/assets/js/page2.js b/assets/js/page2.js index 5965d03..c623e16 100644 --- a/assets/js/page2.js +++ b/assets/js/page2.js @@ -86,6 +86,14 @@ }); const scene = document.querySelector('.scene'); + + /* 画框照片:盖在「图」区之上,四边各缩 0.1em 以免压到「框」 */ + const picture = document.createElement('img'); + picture.className = 'picture-img'; + picture.src = 'assets/images/page2-picture.png'; + picture.alt = ''; + scene.append(picture); + const listing = document.createElement('h1'); listing.className = 'listing'; listing.textContent = '酒水单';