样式整体调整

src/pages/loading.vue

@@ -10,7 +10,12 @@
     </u-radio-group>
     <input class="codeText" v-model="search" placeholder="搜索要查找的应用"/>
     <div flex class="appsPane wrap">
-      <b v-for="app in appsList" :key="app.id" @tap="handleGotoApp(app)" :class="{beta:app.isBeta}">{{ app.label }}({{ app.name }})</b>
+      <div class="item" flex v-for="app in appsList" :key="app.id" @tap="handleGotoApp(app)">
+        <b v-text="app.label"/>
+        <u-tag v-if="app.project" :text="app.project" mode="dark" shape="circle" size="mini"/>
+        <div class="appName fill" v-text="app.name"/>
+
+      </div>
     </div>
   </section>
 </template>
@@ -29,8 +34,8 @@ export default {
     appsList() {
       let {search, currentLib} = this
       return this.apps.filter(e => {
-        if (/beta/.test(e.libPath)) {
+        if (/\/project\//.test(e.libPath)) {
-          e.isBeta = true
+          e.project = e.libPath.replace(/.*project\/([^\/]+)\/.+/, '$1')
         }
         return (currentLib == "apps" && e.libPath.indexOf("project") > -1) || e.libPath.indexOf(currentLib) > -1
       }).filter(e => !!search ? e.label?.indexOf(search) > -1 : true) || []
@@ -110,33 +115,27 @@ export default {
   .appsPane {
     justify-content: center;
     margin-top: 16px;
-    padding: 0 16px;
+
+    .item {
+      width: 100%;
+      font-size: 28px;
+      padding: 0 32px;
+      height: 64px;
+      border-bottom: 1px solid #ddd;
+
+      &:nth-of-type(2n) {
+        background: rgba(#26f, .02);
+      }
+    }
 
     b {
       cursor: pointer;
-      font-size: 24px;
+      margin-right: 16px;
-      background: $uni-color-primary;
+      display: block;
-      color: #fff;
+    }
-      padding: 8px;
-      margin: 8px 4px;
-      border-radius: 8px;
-      font-weight: normal;
 
-      &.beta {
+    .appName {
-        background: $uni-color-warning;
+      text-align: right;
-        position: relative;
-
-        &:before {
-          position: absolute;
-          top: 0;
-          right: 0;
-          content: "beta";
-          transform: translate(-8px, -50%);
-          color: $uni-color-error;
-          z-index: 20220613952;
-          font-weight: bold;
-        }
-      }
     }
   }
 }