更新 支付页面

package.json

@@ -14,5 +14,7 @@
         "sass": "^1.32.11",
         "vite": "^3.0.0"
     },
-    "dependencies": {}
+    "dependencies": {
+        "bootstrap-icons": "^1.10.2"
+    }
 }

public/build/manifest.json

@@ -1,8 +1,27 @@
 {
+  "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2": {
+    "file": "assets/bootstrap-icons.966620f9.woff2",
+    "src": "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2"
+  },
+  "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff": {
+    "file": "assets/bootstrap-icons.c6569d46.woff",
+    "src": "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff"
+  },
   "resources/js/app.js": {
-    "file": "assets/app.3199c7a3.js",
+    "file": "assets/app.aa243b69.js",
     "src": "resources/js/app.js",
-    "isEntry": true
+    "isEntry": true,
+    "css": [
+      "assets/app.f920c8e4.css"
+    ],
+    "assets": [
+      "assets/bootstrap-icons.966620f9.woff2",
+      "assets/bootstrap-icons.c6569d46.woff"
+    ]
+  },
+  "resources/js/app.css": {
+    "file": "assets/app.f920c8e4.css",
+    "src": "resources/js/app.css"
   },
   "resources/sass/app.scss": {
     "file": "assets/app.0626f01b.css",

resources/js/app.js

@@ -1,2 +1,3 @@
 import './bootstrap';
 
+import 'bootstrap-icons/font/bootstrap-icons.css';

resources/views/balances/index.blade.php

@@ -4,11 +4,10 @@
 
 @section('content')
     <h2>余额</h2>
+    <p>您的余额: {{ $balance }} 元 <small class="text-danger"><i class="bi bi-exclamation-circle"></i> 余额不可用于提现</small></p>
 
 
-    <p>您的余额: {{ $balance }} 元 </p>
-
-    <h2>添加到余额</h2>
+    <h2>充值余额</h2>
     <form name="charge" method="POST" target="_blank" action="{{ route('balances.store') }}"
           onsubmit="return confirm('请注意: 由于计费方式的特殊性，我们不支持退款，请合理充值。')">
         @csrf
@@ -27,26 +26,6 @@
                 必看! 充值后金额没有立即到账的原因。
             </a>
         </div>
-        <div>
-            请注意: 由于计费方式的特殊性，我们不支持退款，请合理充值。
-            <br/>
-            <a
-                target="_blank"
-                href="https://forum.laecloud.com/d/4-wo-chong-zhi-hou-jin-e-mei-you-li-ji-dao-zhang"
-            >
-                必看! 充值后金额没有立即到账的原因。
-            </a>
-        </div>
-        <div>
-            请注意: 由于计费方式的特殊性，我们不支持退款，请合理充值。
-            <br/>
-            <a
-                target="_blank"
-                href="https://forum.laecloud.com/d/4-wo-chong-zhi-hou-jin-e-mei-you-li-ji-dao-zhang"
-            >
-                必看! 充值后金额没有立即到账的原因。
-            </a>
-        </div>
     </div>
 
 

resources/views/balances/process.blade.php

@@ -3,13 +3,31 @@
 @section('title', '支付处理')
 
 @section('content')
+
+    <style>
+        .success-icon {
+            font-size: 10rem;
+            color: #096dff
+        }
+    </style>
+
+    <div class="text-center align-items-center">
         @if ($balance->paid_at)
+            <div class="success-icon">
+                <i class="bi bi-check2-all"></i>
+            </div>
+
             <h2>您已支付</h2>
             <p>我们收到了您的支付，谢谢！</p>
         @else
+
+            <div class="success-icon">
+                <i class="bi bi-hourglass-split"></i>
+            </div>
             <h2>正在处理</h2>
 
-        <p>我们正在处理，您的余额很快就到账。</p>
+            <p>我们正在处理，您的余额很快就到账。<br/>这段时间，您可以去处理其他事情而不耽误。</p>
         @endif
+    </div>
 
 @endsection

resources/views/layouts/app.blade.php

@@ -10,6 +10,10 @@
 
     <title>@yield('title', '莱云')</title>
 
+
+    <link rel="icon" href="/images/fav.jpg" />
+    <link rel="apple-touch-icon" href="/images/fav.jpg" />
+
     <!-- Fonts -->
     {{-- <link rel="dns-prefetch" href="//fonts.gstatic.com"> --}}
     {{-- <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet"> --}}

yarn.lock

@@ -44,6 +44,11 @@ binary-extensions@^2.0.0:
   resolved "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
+bootstrap-icons@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.npmmirror.com/bootstrap-icons/-/bootstrap-icons-1.10.2.tgz#6a5729e0475e007ed82d752225645e4e6fec48d7"
+  integrity sha512-PTPYadRn1AMGr+QTSxe4ZCc+Wzv9DGZxbi3lNse/dajqV31n2/wl/7NX78ZpkvFgRNmH4ogdIQPQmxAfhEV6nA==
+
 bootstrap@^5.1.3:
   version "5.2.2"
   resolved "https://registry.npmmirror.com/bootstrap/-/bootstrap-5.2.2.tgz#834e053eed584a65e244d8aa112a6959f56e27a0"