aaa

src/views/drive/index.vue

@@ -36,7 +36,7 @@
       </section>
     </main>
 
-    <div style="margin-top: 300px">
+    <div class="mt-[500px] md:mt-[300px]">
       <Footer />
     </div>
   </div>

src/views/index.vue

@@ -58,6 +58,24 @@
         </div>
       </section>
 
+      <section class="portal-mobile-shortcuts mt-3 md:hidden!">
+        <button
+          type="button"
+          class="portal-mobile-shortcut"
+          @click="router.push('/flow')"
+        >
+          流程门户
+        </button>
+        <button
+          type="button"
+          class="portal-mobile-shortcut"
+          @click="router.push('/drive')"
+        >
+          驾驶舱门户
+        </button>
+        <button type="button" class="portal-mobile-shortcut">报表门户</button>
+      </section>
+
       <section class="mt-3 grid gap-4 xl:grid-cols-[1.74fr_0.74fr]">
         <div class="space-y-4">
           <article
@@ -78,7 +96,7 @@
 
             <div
               v-if="section.apps?.length"
-              class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 md:grid-cols-[repeat(4,minmax(0,1fr))]"
+              class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 px-3 md:px-6 md:grid-cols-[repeat(4,minmax(0,1fr))]"
             >
               <button
                 v-for="(app, appIndex) in section.apps"
@@ -1202,8 +1220,26 @@ onUnmounted(() => {
   min-width: 0;
   flex: 1;
   white-space: nowrap;
-  /* overflow: hidden;
-  text-overflow: ellipsis; */
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.portal-mobile-shortcuts {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.portal-mobile-shortcut {
+  min-width: 0;
+  border: 0;
+  border-radius: 10px;
+  padding: 10px 8px;
+  background: linear-gradient(180deg, #ffffff 0%, #eaf2ff 100%);
+  color: #0d4a9d;
+  font-size: 13px;
+  font-weight: 600;
+  box-shadow: 0 6px 16px rgba(58, 110, 187, 0.08);
 }
 
 .side-card {