修复项目列表卡片弹性盒子
This commit is contained in:
parent
a6fcf0a629
commit
eec3ecf564
|
|
@ -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;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user