无等级网格版合并

src/pages/loading.vue

@@ -10,7 +10,7 @@
     </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)">{{ app.label }}({{ app.name }})</b>
+      <b v-for="app in appsList" :key="app.id" @tap="handleGotoApp(app)" :class="{beta:app.isBeta}">{{ app.label }}({{ app.name }})</b>
     </div>
   </section>
 </template>
@@ -29,6 +29,9 @@ export default {
     appsList() {
       let {search, currentLib} = this
       return this.apps.filter(e => {
+        if (/beta/.test(e.libPath)) {
+          e.isBeta = true
+        }
         return (currentLib == "apps" && e.libPath.indexOf("project") > -1) || e.libPath.indexOf(currentLib) > -1
       }).filter(e => !!search ? e.label?.indexOf(search) > -1 : true) || []
     },
@@ -115,9 +118,25 @@ export default {
       background: $uni-color-primary;
       color: #fff;
       padding: 8px;
-      margin: 4px;
+      margin: 8px;
       border-radius: 8px;
       font-weight: normal;
+
+      &.beta {
+        background: $uni-color-warning;
+        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;
+        }
+      }
     }
   }
 }