一体机放大效果开发

pages/service/components/RemindPopup.vue

@@ -2,7 +2,7 @@
     <uni-popup
         ref="popupRef"
         type="center"
-        borderRadius="10px 10px 10px 10px"
+        borderRadius="10px 15px 15px 15px"
         background-color="#FFFFFF"
         :mask-click="false"
     >
@@ -74,52 +74,52 @@ defineExpose({
 
 <style lang="scss" scoped>
 .remind-popup-content {
-    padding: 40rpx;
-    width: 630rpx;
+    padding: 60rpx;
+    width: 945rpx;
     background-color: #FFFFFF;
-    border-radius: 20rpx;
+    border-radius: 30rpx;
     box-sizing: border-box;
 }
 
 .remind-title {
     font-weight: 600;
-    font-size: 32rpx;
+    font-size: 48rpx;
     color: #000000;
-    margin-bottom: 24rpx;
+    margin-bottom: 36rpx;
 }
 
 .remind-message {
-    font-size: 28rpx;
+    font-size: 42rpx;
     color: #000000;
-    margin-bottom: 20rpx;
-    line-height: 40rpx;
+    margin-bottom: 30rpx;
+    line-height: 60rpx;
 }
 
 .remind-list {
-    margin-bottom: 32rpx;
-    min-height: 40rpx;
+    margin-bottom: 48rpx;
+    min-height: 60rpx;
 }
 
 .remind-item {
-    font-size: 28rpx;
+    font-size: 42rpx;
     color: #000000;
-    line-height: 40rpx;
-    margin-bottom: 8rpx;
+    line-height: 60rpx;
+    margin-bottom: 12rpx;
 }
 
 .remind-btns {
     display: flex;
     justify-content: space-between;
-    gap: 20rpx;
+    gap: 30rpx;
 }
 
 .remind-btn {
     flex: 1;
-    height: 88rpx;
-    line-height: 88rpx;
+    height: 132rpx;
+    line-height: 132rpx;
     text-align: center;
-    border-radius: 8rpx;
-    font-size: 28rpx;
+    border-radius: 12rpx;
+    font-size: 42rpx;
     padding: 0;
     box-sizing: border-box;
     font-weight: 400;
@@ -128,7 +128,7 @@ defineExpose({
 .cancel-btn {
     background-color: #FFFFFF;
     color: #666666;
-    border: 1rpx solid #E5E7EB;
+    border: 2rpx solid #E5E7EB;
 }
 
 .confirm-btn {