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

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