first commit

popup/popup.wxss

@@ -0,0 +1,82 @@
+/* 背景蒙版模糊 */
+.popup-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(10px); /* 背景模糊 */
+  z-index: 1000;
+}
+
+/* 弹窗容器 */
+.popup-container {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) scale(0);
+  background: linear-gradient(135deg, #fff, #f7f7f7);
+  box-shadow: 0 12rpx 28rpx rgba(0, 0, 0, 0.2);
+  border-radius: 20rpx;
+  animation: popup-fade-in 0.3s ease-out forwards;
+  z-index: 1001;
+  padding: 30rpx;
+  width: 80%;
+  text-align: center;
+}
+
+/* 弹窗显示动画 */
+@keyframes popup-fade-in {
+  0% {
+    transform: translate(-50%, -50%) scale(0.5);
+    opacity: 0;
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1);
+    opacity: 1;
+  }
+}
+.popup-text {
+  white-space: pre-wrap; /* 支持换行 */
+  font-size: 28rpx;
+  color: #333;
+  line-height: 1.6;
+}
+
+/* 关闭按钮 */
+.popup-close {
+  position: absolute;
+  top: 10rpx;
+  right: 20rpx;
+  font-size: 40rpx;
+  color: #aaa;
+  cursor: pointer;
+}
+
+/* 标题和内容 */
+.popup-title {
+  font-size: 40rpx;
+  font-weight: bold;
+  margin-bottom: 20rpx;
+}
+
+.popup-body {
+  font-size: 30rpx;
+  color: #666;
+}
+
+.popup-btn {
+  width: 260rpx; /* 按钮宽度 */
+  height: 80rpx; /* 按钮高度 */
+  background: linear-gradient(135deg, #6DD5FA, #2980B9); /* 按钮渐变背景 */
+  color: #fff; /* 文字颜色 */
+  text-align: center; /* 文字居中 */
+  line-height: 80rpx; /* 文字垂直居中 */
+  border-radius: 50rpx; /* 圆角 */
+  font-size: 32rpx; /* 字体大小 */
+  font-weight: bold; /* 字体加粗 */
+  box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.2); /* 添加阴影 */
+  transition: all 0.3s ease-in-out; /* 添加过渡动画 */
+  cursor: pointer; /* 鼠标指针样式 */
+}