fix: 夜间模式分页样式

sl1673495 · Jul 25, 2019 · 26b58ee · 26b58ee
1 parent f524c86
commit 26b58ee
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/page/playlists/index.vue b/src/page/playlists/index.vue
@@ -10,7 +10,10 @@
           :img="item.coverImgUrl"
         />
       </div>
-      <div class="pagination">
+      <div
+        class="pagination"
+        v-show="playlists.length"
+      >
         <el-pagination
           layout="prev, pager, next"
           :total="total"

diff --git a/src/style/element-overwrite.scss b/src/style/element-overwrite.scss
@@ -76,3 +76,13 @@ $input-height: 24px;
     }
   }
 }
+
+// pagination
+.el-pagination, .el-pagination button, .el-pager li {
+  background: var(--body-bgcolor) !important;
+  color: var(--font-color) !important;
+
+  .active {
+    color: $theme-color !important;
+  }
+}