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