|
|
@@ -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 {
|