improve: 关于页优化

src/i18n/en.json

@@ -1,12 +1,12 @@
 {
     "about": {
         "title": "About the App",
+        "projectOwnerShip": "Project By",
+        "designers": "Designers Involved",
         "developers": "Developers Involved",
-        "commitHash": "Commit Hash",
-        "buildTime": "Build Time",
-        "builder": "Builder",
         "moreResources": "For more resources, visit",
-        "osw": "OpenSource Project/Software Statement",
+        "osw": "OpenSource Project Statement",
+        "buildinfo": "Build Info",
         "disclaimer": "Disclaimer"
     },
     "arealist": {

src/i18n/zh.json

@@ -3,12 +3,11 @@
         "title": "关于应用",
         "projectOwnerShip": "项目归属",
         "buildInfo": "构建信息",
-        "commitHash": "提交哈希",
-        "buildTime": "构建时间",
-        "builder": "构建者",
+        "designers": "参与设计的人员",
         "developers": "参与开发的人员",
         "moreResources": "更多资源请访问",
-        "osw": "开源项目/软件声明",
+        "osw": "开源项目声明",
+        "buildinfo": "构建信息",
         "disclaimer": "免责声明"
     },
     "arealist": {

src/pages/app/features/settings/about/about.less

@@ -6,6 +6,10 @@
     .font-semibold();
 }
 
+.gr {
+    color: rgba(255, 255, 255, 0.6);
+}
+
 .appbar {
     .flex-row(15px 20px);
     .radius(60px);
@@ -23,21 +27,11 @@
     margin-left: 15px;
 }
 
-.buildinfobar {
-    .flex-column(15px 10px);
-    .radius(40px);
-    align-items: center;
-    max-width: 335px;
-}
-
-.buildinfo {
-    .flex-row(10px);
-    width: 100%;
-}
-
 .developers {
     .flex-column(15px 10px);
     .radius(50px);
+    justify-content: center;
+    width: 364px;
 }
 
 .developer {
@@ -57,6 +51,7 @@
 .disclaimer-btn {
     .flex-column(15px 40px);
     .radius(90px);
+    width: 270px;
     background-color: #262626;
     justify-content: center;
     align-items: center;

src/pages/app/features/settings/about/about.ux

@@ -17,47 +17,24 @@
           <text class="text">Studios</text>
         </div>
       </div>
-      <text class="text" style="margin-top: 22px">{{ $t("about.buildInfo") }}</text>
-      <div class="buildinfobar" style="margin-top: 22px">
-        <div class="buildinfo">
-          <text class="text" style="font-size: 24px">{{ $t("about.commitHash") }}：</text>
-          <text class="text" style="font-size: 20px; max-width: 160px">
-            {{ buildinfo.GIT_COMMIT_HASH }}
-          </text>
-        </div>
-        <div class="buildinfo">
-          <text class="text" style="font-size: 24px">{{ $t("about.buildTime") }}：</text>
-          <text class="text" style="font-size: 20px; max-width: 160px">
-            {{ buildinfo.BUILD_TIME }}
-          </text>
-        </div>
-        <div class="buildinfo">
-          <text class="text" style="font-size: 24px">{{ $t("about.builder") }}：</text>
-          <text class="text" style="font-size: 20px; max-width: 160px">
-            {{ buildinfo.BUILD_USER }}
-          </text>
-        </div>
-      </div>
-      <text class="text" style="margin-top: 30px">{{ $t("about.developers") }}</text>
+      <text class="text gr" style="margin-top: 22px">{{ $t("about.developers") }}</text>
       <div class="developers" style="margin-top: 15px">
         <div class="developer">
-          <image src="/common/aboutpage_code.png" class="img"></image>
           <text class="text devname">@Searchstars</text>
         </div>
         <div class="developer">
-          <image src="/common/aboutpage_code.png" class="img"></image>
           <text class="text devname">@xinghengCN</text>
         </div>
+      </div>
+      <text class="text gr" style="margin-top: 30px">{{ $t("about.designers") }}</text>
+      <div class="developers" style="margin-top: 15px">
         <div class="developer">
-          <image src="/common/aboutpage_brush.png" class="img"></image>
           <text class="text devname">@RX79XT</text>
         </div>
         <div class="developer">
-          <image src="/common/aboutpage_brush.png" class="img"></image>
           <text class="text devname">@wuhaiqi</text>
         </div>
         <div class="developer">
-          <image src="/common/aboutpage_brush.png" class="img"></image>
           <text class="text devname">@一個小果冻</text>
         </div>
       </div>
@@ -71,6 +48,9 @@
       <div @click="OpenDisclaimer" class="disclaimer-btn" style="margin-top: 20px">
         <text style="font-size: 28px; font-weight: 600">{{ $t("about.disclaimer") }}</text>
       </div>
+      <div @click="OpenBuildInfo" class="disclaimer-btn" style="margin-top: 20px">
+        <text style="font-size: 28px; font-weight: 600">{{ $t("about.buildinfo") }}</text>
+      </div>
       <text style="margin-top: 25px"></text>
     </scroll>
   </div>
@@ -98,6 +78,15 @@ export default {
       }
     })
   },
+  OpenBuildInfo(){
+    router.push({
+      uri: "pages/tools/textdetail",
+      params: {
+        titletext: "构建信息",
+        text: `Builder: ${buildinfo.BUILD_USER}   \nBuild Time: ${buildinfo.BUILD_TIME}   \nCommit Hash: ${buildinfo.GIT_COMMIT_HASH}`
+      }
+    })
+  },
   OpenOpenSoftwareWarning() {
     router.push({
       uri: "pages/app/features/settings/opensoftware"

src/pages/app/features/settings/opensoftware/opensoftware.ux

@@ -7,7 +7,7 @@
             <div class="bg" for="{{items}}" onclick="OpenLic($item.lic)">
                 <text class="t">{{ $item.name }}</text>
             </div>
-            <text style="margin-top: 30px"></text>
+            <text style="margin-top: 35px"></text>
         </scroll>
     </div>
 </template>