修复项目列表卡片弹性盒子

This commit is contained in:
WindowBird 2025-11-17 14:51:22 +08:00
parent a6fcf0a629
commit eec3ecf564

View File

@ -127,14 +127,14 @@
</view>
<!-- 项目标题 -->
<view class="card-title">{{ project.projectName }}</view>
<view class="card-title">{{ project.name }}</view>
<!-- 项目标签和描述 -->
<view class="card-tags-row">
<view class="tag-circle" :style="{ backgroundColor: getTagColor(project) }">
<text class="tag-text">{{ getTagText(project) }}</text>
</view>
<text class="card-description" v-if="project.description">{{ project.description }}</text>
<text class="card-description" v-if="project.remark">{{ project.remark }}</text>
</view>
<!-- 操作标签 -->
@ -598,7 +598,7 @@ onLoad(() => {
<style lang="scss" scoped>
.project-list-page {
width: 100%;
height: 100vh;
min-height: 100vh;
background: #f5f5f5;
display: flex;
flex-direction: column;
@ -724,7 +724,7 @@ onLoad(() => {
/* 移动端适配 */
@media (max-width: 768px) {
.project-container {
grid-template-columns: repeat(2, 1fr);
//grid-template-columns: repeat(2, 1fr);
gap: 12px;
padding: 12px;
}
@ -732,7 +732,9 @@ onLoad(() => {
@media (max-width: 480px) {
.project-container {
grid-template-columns: 1fr;
//grid-template-columns: 1fr;
}
}