hai 7 meses · 46e55d0bd9
--- a/lottery/dsl.html
+++ b/lottery/dsl.html
@@ -89,9 +89,57 @@
 
				 			height: 290rem;
			
 
				 		}
			
 
				 		.send_btn {
			
 
				-			width: 345px;
			
 
				+			width: 345rem;
			
 
				 			position: fixed;
			
 
				-			bottom: 60px;
			
 
				+			bottom: 60rem;
			
 
				+			left: 50%;
			
 
				+			transform: translateX(-50%);
			
 
				+		}
			
 
				+		.dialog_text {
			
 
				+			position: fixed;
			
 
				+			top: 0;  
			
 
				+			left: 0;  
			
 
				+			width: 100%;  
			
 
				+			height: 100%;  
			
 
				+			background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */  
			
 
				+			z-index: 1000; /* 确保遮罩层在顶部 */
			
 
				+			transition: opacity 0.5s ease; /* 可选：添加透明度过渡效果 */  
			
 
				+			display: none;
			
 
				+		}
			
 
				+		.dialog-body {
			
 
				+			width: 100%;
			
 
				+			height: 100vh;
			
 
				+			z-index: 1001; /* 确保遮罩层在顶部 */
			
 
				+			display: flex;
			
 
				+			flex-direction: column;
			
 
				+			align-items: center;
			
 
				+			justify-content: center;
			
 
				+		}
			
 
				+		.text_bg {
			
 
				+			background: url('./img/dialog-text.png');
			
 
				+			background-size: cover;
			
 
				+			width: 100vw;
			
 
				+			height: 368rem;
			
 
				+		}
			
 
				+		.close-text {
			
 
				+			width: 24rem;
			
 
				+			height: 24rem;
			
 
				+			float: right;
			
 
				+			margin-right: 25rem;
			
 
				+			margin-top: 25rem;
			
 
				+		}
			
 
				+		.textarea_style {
			
 
				+			background-color: rgba(255, 255, 255, 0);
			
 
				+			border: unset;
			
 
				+			height: 180rem;
			
 
				+			padding: 0 35rem;
			
 
				+			width: 100%;
			
 
				+		}
			
 
				+		.photo-btn {
			
 
				+			width: 80rem;
			
 
				+			height: 80rem;
			
 
				+			margin-top: 18rem;
			
 
				+			margin-left: 35rem;
			
 
				 		}
			
 
				 	</style>
			
 
				 	<body>
			
@@ -108,6 +156,20 @@
 
				 			</div>
			
 
				 			<img class="send_btn" id="sendBtn" src="./img/send-btn.png" mode="widthFix" />
			
 
				 		</div>
			
 
				+		<div id="dialogText" class="dialog_text">
			
 
				+			<div class="dialog-body">
			
 
				+				<div class="text_bg">
			
 
				+					<img class="close-text" id="closeText" src="./img/close-text.png" mode="widthFix" />
			
 
				+					<textarea class="textarea_style"></textarea>
			
 
				+					<img class="photo-btn" id="photoBtn" src="./img/photo-btn.png" mode="widthFix" />
			
 
				+				</div>
			
 
				+			</div>
			
 
				+		</div>
			
 
				+		<script>
			
 
				+			document.getElementById('sendBtn').addEventListener('click', function() {
			
 
				+				document.getElementById('dialogText').style.display = 'block';
			
 
				+			});
			
 
				+		</script>
			
 
				 	</body>
			
 
				 
			
 
				 </html>
			
--- a/lottery/img/close-text.png
+++ b/lottery/img/close-text.png
--- a/lottery/img/dialog-text.png
+++ b/lottery/img/dialog-text.png
--- a/lottery/img/photo-btn.png
+++ b/lottery/img/photo-btn.png