From db2f5ec6d7eeff6d7cc67a846be6e22cf3636edc Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Mon, 23 May 2022 19:06:04 +0800
Subject: [PATCH] bug：没有内容时，提示“暂无内容”
---
src/views/layout/listIndex.vue | 21 +++++++++++++++------
1 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/src/views/layout/listIndex.vue b/src/views/layout/listIndex.vue
index f450b0c..36c6a45 100644
--- a/src/views/layout/listIndex.vue
+++ b/src/views/layout/listIndex.vue
@@ -10,9 +10,9 @@
</transition>
</div>
<mt-tabbar v-model="dataType" :fixed="true">
+ <mt-tab-item id="3">红色景区</mt-tab-item>
<mt-tab-item id="1">红色记忆</mt-tab-item>
<mt-tab-item id="2">红色精神</mt-tab-item>
- <mt-tab-item id="3">红色景区</mt-tab-item>
<mt-tab-item id="4">红色人物</mt-tab-item>
</mt-tabbar>
</div>
@@ -110,6 +110,7 @@
height: 75vh;
background: #FFFFFF;
border-radius: 10px 10px 0px 0px;
+ overflow-y: auto;
position: relative;
z-index: 5;
@@ -121,34 +122,42 @@
}
.mint-tabbar {
- height: 10vh;
+ height: 45px;
background: white;
z-index: 9;
}
.mint-tabbar /deep/ .mint-tab-item {
- padding: 20px 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
.mint-tabbar /deep/ .mint-tab-item-label {
+ width: 7.75rem;
+ height: 100%;
+ border-top: 1px solid white;
+
font-size: 1.75rem;
font-family: Source Han Sans CN;
font-weight: 400;
- line-height: 1.93rem;
+ line-height: 3.5rem;
color: #767676;
opacity: 1;
}
.mint-tabbar /deep/ .is-selected {
background-color: white;
- border-top: 0.5vh solid #BC0000;
}
.mint-tabbar /deep/ .is-selected .mint-tab-item-label {
+ border-top: 1px solid #BC0000;
+
font-size: 1.75rem;
font-family: Source Han Sans CN;
font-weight: bold;
- line-height: 1.93rem;
+ line-height: 3.5rem;
color: #BC0000;
opacity: 1;
}
--
Gitblit v1.9.3