修改页面样式

src/views/yygl/manage/index.vue

@@ -155,6 +155,71 @@ export default {
       
       // 应用列表数据
       applications: [
+        {
+          logo: require('@/assets/images/common/app-bg-1.png'),
+          name: '水系统综合管理',
+          version: 'v1.0',
+          isPublic: true,
+          tag: '水务',
+          buff: '市级',
+          status: 'offline',
+          statusText: '在维',
+          usingUnit: '暂无',
+          visitCount: 64,
+          createDate: '2025-10-29 16:10:17'
+        },
+        {
+          logo: require('@/assets/images/common/app-bg-2.png'),
+          name: '虹口区历史脉管理系统开发',
+          version: 'v1.0',
+          isPublic: true,
+          tag: '',
+          buff: '区级',
+          status: 'online',
+          statusText: '在线',
+          usingUnit: '虹口区文旅局',
+          visitCount: 8,
+          createDate: '2025-09-15 18:02:32'
+        },
+        {
+          logo: require('@/assets/images/common/app-bg-3.png'),
+          name: '虹口区智慧环卫监管平台',
+          version: 'v1.0',
+          isPublic: true,
+          tag: '',
+          buff: '街道',
+          status: 'offline',
+          statusText: '在维',
+          usingUnit: '虹口区城管局',
+          visitCount: 14,
+          createDate: '2025-09-15 18:01:57'
+        },
+        {
+          logo: require('@/assets/images/common/app-bg-4.png'),
+          name: '上海市虹口区一网统管平台',
+          version: 'v1.0',
+          isPublic: true,
+          tag: '',
+          buff: '街道',
+          status: 'online',
+          statusText: '在线',
+          usingUnit: '虹口区政府办',
+          visitCount: 15,
+          createDate: '2025-09-15 18:01:09'
+        },
+        {
+          logo: require('@/assets/images/common/u661.png'),
+          name: '上海公共交通服务保障',
+          version: 'v1.0',
+          isPublic: true,
+          tag: '',
+          buff: '社区',
+          status: 'offline',
+          statusText: '在维',
+          usingUnit: '虹口区体育局',
+          visitCount: 13,
+          createDate: '2025-09-15 18:00:22'
+        },
         {
           logo: require('@/assets/images/common/app-bg-1.png'),
           name: '水系统综合管理',
@@ -315,6 +380,8 @@ export default {
 /* 应用列表 */
 .applications-list {
   margin-bottom: 20px;
+  height: 500px;
+  overflow: auto;
 }
 
 .application-item {

src/views/yygl/overview/index.vue

@@ -29,29 +29,30 @@
             </div>
         </div>
       <!-- 应用卡片网格 -->
-      <div class="applications-grid">
-        <div class="application-card" v-for="(app, index) in applications" :key="index">
-          <div class="card-image">
-            <img :src="app.image" :alt="app.name" />
-          </div>
-          <div class="card-content">
-            <div class="app-header">
-              <h3 class="app-name">{{ app.name }}</h3>
-              <span class="app-version">{{ app.version }}</span>
-            </div>
-            <div class="app-tags">
-              <el-tag size="small" type="success">{{ app.status }}</el-tag>
-              <el-tag size="small" v-for="tag in app.tags" :key="tag">{{ tag }}</el-tag>
+      <div class="app-content">
+        <div class="applications-grid">
+          <div class="application-card" v-for="(app, index) in applications" :key="index">
+            <div class="card-image">
+              <img :src="app.image" :alt="app.name" />
             </div>
-            <p class="app-description">{{ app.description }}</p>
-            <div class="app-footer">
-              <span class="app-date">{{ app.date }}</span>
-              <el-button type="primary" size="small" class="visit-button">访问</el-button>
+            <div class="card-content">
+              <div class="app-header">
+                <h3 class="app-name">{{ app.name }}</h3>
+                <span class="app-version">{{ app.version }}</span>
+              </div>
+              <div class="app-tags">
+                <el-tag size="small" type="success">{{ app.status }}</el-tag>
+                <el-tag size="small" v-for="tag in app.tags" :key="tag">{{ tag }}</el-tag>
+              </div>
+              <p class="app-description">{{ app.description }}</p>
+              <div class="app-footer">
+                <span class="app-date">{{ app.date }}</span>
+                <el-button type="primary" size="small" class="visit-button">访问</el-button>
+              </div>
             </div>
           </div>
         </div>
       </div>
-
       <!-- 加载更多按钮 -->
       <!-- <div class="load-more">
         <el-button type="primary" size="medium">查看更多</el-button>
@@ -239,6 +240,11 @@ export default {
     }
   }
 }
+.app-content{
+    // height: 640px;
+    height: calc(100vh - 266px);
+    overflow: auto;
+}
 
 /* 应用卡片网格样式 */
 .applications-grid {