feat/ui: 添加详情页面样式并更新应用包名

- 新增详情页面样式，包括服务名称、账号、验证码容器等元素的样式
- 更新应用包名从 "com.deepfal.totp.authenticator" 到 "cn.deepfal.band.TOTPauthenticator"

src/common/accounts.json

@@ -1,8 +1,8 @@
 {
   "accounts": [
     {
-      "name": "Example Service 1",
+      "name": "Microsoft",
-      "username": "user1",
+      "username": "example@outlook.com",
       "secret": "JBSWY3DPEHPK3PXP",
       "enabled": true,
       "type": "totp"
@@ -37,7 +37,7 @@
     }
   ],
   "settings": {
-    "title": "TOTP验证器",
+    "title": "TOTP",
     "refreshInterval": 20,
     "maxDisplayAccounts": 10
   }

src/manifest.json

@@ -1,7 +1,7 @@
 {
-  "package": "com.example.totp.authenticator",
+  "package": "cn.deepfal.band.TOTPauthenticator",
   "name": "TOTP",
-  "versionName": "1.0.0",
+  "versionName": "1.0.2",
   "versionCode": 1,
   "minPlatformVersion": 1000,
   "icon": "/common/logo.png",

src/pages/index/index.ux

@@ -13,7 +13,7 @@
       <list-item class="totp-item" style="height: 115px; margin-bottom: 10px; background-color: #1a1a1a; border-radius: 15px; border: 1px solid #333; flex-direction: column; justify-content: space-between; padding: 8px;" type="account" for="{{totpList}}" onclick="showDetail($idx)">
         <div style="flex-direction: column; width: 100%; margin-bottom: 8px;">
           <text style="font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 3px; text-align: left; width: 100%; line-height: 26px;">{{$item.name}}</text>
-          <text style="font-size: 18px; color: #999; text-align: left; width: 100%; line-height: 20px;" show="{{$item.usr}}">{{$item.usr}}</text>
+          <text style="font-size: 18px; color: #999; text-align: left; width: 100%; line-height: 22px;" show="{{$item.usr}}">{{$item.usr}}</text>
         </div>
         <div style="align-items: center; justify-content: center; width: 100%; height: 45px;">
           <text style="font-size: 32px; color: #00ff88; font-family: monospace; font-weight: bold; letter-spacing: 4px; text-align: center; width: 100%; line-height: 36px;">{{$item.otp}}</text>
@@ -344,6 +344,7 @@ export default {
       mode: 'short'
     })
   }
+
 }
 </script>
 
@@ -491,9 +492,6 @@ export default {
 .detail-code-digit {
   width: 30px;
   height: 50px;
-  /* background-color: rgba(0, 255, 136, 0.1);
-  border: 1px solid rgba(0, 255, 136, 0.3);
-  border-radius: 8px; */
   margin: 0 1px;
   justify-content: center;
   align-items: center;
@@ -508,16 +506,6 @@ export default {
   line-height: 40px;
 }
 
-.detail-code-line {
-  font-size: 36px;
-  color: #00ff88;
-  font-weight: bold;
-  font-family: monospace;
-  text-align: center;
-  line-height: 44px;
-  margin: 0px 0;
-}
-
 .detail-code-single {
   font-size: 32px;
   color: #00ff88;