perf: Review所有演示页，修复开发环境下可避免的警告以及保持所有演示页风格大致统一

src/views/components/draggable/index.vue

@@ -3,8 +3,6 @@ import { ref, onMounted } from "vue";
 import Sortable, { Swap } from "sortablejs";
 import draggable from "vuedraggable/src/vuedraggable";
 import { useAppStoreHook } from "@/store/modules/app";
-import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import Rank from "@iconify-icons/ep/rank";
 
 defineOptions({
   name: "Draggable"
@@ -64,7 +62,6 @@ onMounted(() => {
           <el-link
             href="https://sortablejs.github.io/vue.draggable.next/#/simple"
             target="_blank"
-            :icon="useRenderIcon(Rank)"
             style="margin: 0 4px 5px; font-size: 16px"
           >
             vuedraggable

src/views/components/segmented/index.vue

@@ -179,6 +179,5 @@ function onChange({ index, option }) {
     <el-divider />
     <p class="mb-2">change事件</p>
     <Segmented :options="optionsChange" @change="onChange" />
-    <el-divider />
   </el-card>
 </template>

src/views/components/waterfall/index.vue

@@ -92,7 +92,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <el-scrollbar height="87vh" class="content">
+  <el-scrollbar max-height="calc(100vh - 90px)" class="content">
     <Waterfall :list="list" v-bind="options">
       <template #item="{ item, url, index }">
         <div
@@ -149,3 +149,13 @@ onMounted(() => {
     <InfiniteLoading :firstload="false" @infinite="handleLoadMore" />
   </el-scrollbar>
 </template>
+
+<style lang="scss" scoped>
+.main-content {
+  margin: 0 !important;
+}
+
+:deep(.el-loading-spinner .el-loading-text) {
+  font-size: 24px;
+}
+</style>