feat: 更新404页面

app_Web/src/views/404-view/404-view.tsx

@@ -31,17 +31,44 @@ export default defineComponent({
   render() {
     return (
       <div class={[this.ns.b(), this.ns.is('top', this.isTop)]}>
-        <img class={this.ns.b('img')} src='./assets/img/404.png' />
+        <div class={this.ns.e('pic')}>
+          <img
+            src='./assets/img/404.png'
+            alt='404'
+            class={this.ns.em('pic', 'parent')}
+          />
+          <img
+            src='./assets/img/404-cloud.png'
+            alt='404'
+            class={this.ns.em('pic', 'left')}
+          />
+          <img
+            src='./assets/img/404-cloud.png'
+            alt='404'
+            class={this.ns.em('pic', 'mid')}
+          />
+          <img
+            src='./assets/img/404-cloud.png'
+            alt='404'
+            class={this.ns.em('pic', 'right')}
+          />
+        </div>
         <div class={this.ns.b('text')}>
-          <div class={this.ns.be('text', 'text1')}>
-            抱歉，您访问的页面不存在！
+          <div class={this.ns.be('text', 'oops')}>OOPS!</div>
+          <div class={this.ns.be('text', 'headline')}>
+            The webmaster said that you can not enter this page...
+          </div>
+          <div class={this.ns.be('text', 'info')}>
+            Please check that the URL you entered is correct, or click the
+            button below to return to the homepage.
           </div>
           {this.isTop ? (
-            <div class={this.ns.be('text', 'text2')}>
-              您要找的页面不存在，请返回
-              <a on-click={this.gotoIndexView}>首页</a>
-              继续浏览
-            </div>
+            <a
+              on-click={this.gotoIndexView}
+              class={this.ns.be('text', 'return-home')}
+            >
+              Back to home
+            </a>
           ) : null}
         </div>
       </div>