diff --git a/packages/opendesign/src/option/OOptionList.vue b/packages/opendesign/src/option/OOptionList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bffdf5bd67942c80c3af3d0060ea6105ee6ba7c6
--- /dev/null
+++ b/packages/opendesign/src/option/OOptionList.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { OScroller } from '../scroller';
+interface OptionPropT {
+  wrapClass?: string | any[];
+  scroller?: boolean;
+}
+const props = defineProps<OptionPropT>();
+</script>
+<template>
+  <div class="o-option-list">
+    <OScroller v-if="props.scroller" size="small" show-type="always" :wrap-class="props.wrapClass" class="o-options-scroller">
+      <slot></slot>
+    </OScroller>
+    <div v-else class="o-options-container" :class="props.wrapClass"><slot></slot></div>
+  </div>
+</template>
diff --git a/packages/opendesign/src/option/index.ts b/packages/opendesign/src/option/index.ts
index 45c30c0fb8ec7cb807681e641a31a91cf4e094d0..fe2527d0443e08b4bb0e0db37c5616416b31db0b 100644
--- a/packages/opendesign/src/option/index.ts
+++ b/packages/opendesign/src/option/index.ts
@@ -1,4 +1,5 @@
 import _OOption from './OOption.vue';
+import OOptionList from './OOptionList.vue';
 import type { App } from 'vue';
 
 const OOption = Object.assign(_OOption, {
@@ -7,6 +8,4 @@ const OOption = Object.assign(_OOption, {
   },
 });
 
-export {
-  OOption,
-};
+export { OOption, OOptionList };
diff --git a/packages/opendesign/src/option/style/index.ts b/packages/opendesign/src/option/style/index.ts
index 98ff894a052f7befcb69f3aaef90eb86fd33959e..76f1d2a853ed1d2185fd8245bd322fa1868eac6d 100644
--- a/packages/opendesign/src/option/style/index.ts
+++ b/packages/opendesign/src/option/style/index.ts
@@ -1,3 +1,4 @@
 import '../../_styles';
 import '../../checkbox/style';
+import '../../scroller/style';
 import './index.scss';
diff --git a/packages/opendesign/src/option/style/style.scss b/packages/opendesign/src/option/style/style.scss
index 963760e610cbbff65b4e79ec57f8f8c8d46a3936..4cd098a2b91e2b0a05bba522d91cc2429cd7edab 100644
--- a/packages/opendesign/src/option/style/style.scss
+++ b/packages/opendesign/src/option/style/style.scss
@@ -24,9 +24,11 @@
     }
   }
   &.active {
-    font-weight: 500;
-    color: var(--option-color-active);
-    background-color: var(--option-bg-color-active);
+    @include me-hover {
+      font-weight: 500;
+      color: var(--option-color-active);
+      background-color: var(--option-bg-color-active);
+    }
   }
 }
 
@@ -40,3 +42,13 @@
     background-color: var(--option-bg-color-disabled);
   }
 }
+// 列表容器
+.o-options-scroller {
+  max-height: var(--option-list-max-height);
+  --scroller-padding: 4px;
+}
+.o-options-container {
+  padding: 4px;
+  max-height: var(--option-list-max-height);
+  overflow: auto;
+}
diff --git a/packages/opendesign/src/option/style/var.scss b/packages/opendesign/src/option/style/var.scss
index e69e398951129c44ff1e230dcf3364d64d8ba3c9..089faaeba6ecb6f0162ccdad58e9d4b5f9892542 100644
--- a/packages/opendesign/src/option/style/var.scss
+++ b/packages/opendesign/src/option/style/var.scss
@@ -19,3 +19,15 @@
 .o-option-multiple {
   --option-bg-color-active: transparent;
 }
+
+.o-options-popup {
+  --popup-shadow: var(--o-shadow-2);
+  --popup-bg-color: var(--o-color-control-light);
+  --popup-radius: var(--o-radius_control-m);
+  --popup-bd: none;
+  --popup-padding: 0;
+  --popup-min-width: 64px;
+}
+.o-option-list {
+  --option-list-max-height: 200px;
+}
diff --git a/packages/opendesign/src/pagination/OPagination.vue b/packages/opendesign/src/pagination/OPagination.vue
index 65af0d5eb4e2d464ea857e43ae78663d6ff336fe..6e10892c89bd10ef4963b28389433a324b0c2f18 100644
--- a/packages/opendesign/src/pagination/OPagination.vue
+++ b/packages/opendesign/src/pagination/OPagination.vue
@@ -9,6 +9,7 @@ import { IconChevronLeft, IconChevronRight, IconEllipsis } from '../_utils/icons
 import { paginationProps } from './types';
 import { getRoundClass } from '../_utils/style-class';
 import { OIcon } from '../icon';
+import { OOptionList } from '../option';
 
 const props = defineProps(paginationProps);
 
@@ -199,10 +200,17 @@ defineExpose({
             >
               <span v-if="!item.isMore">{{ item.value }}</span>
               <template v-else>
-                <OPopover position="bottom" class="o-pagination-more-popup">
-                  <div class="o-pagination-more-list">
-                    <div v-for="p in item.list" :key="p" class="o-pagination-more-item" @click="onMoreItemClick(p)">{{ p }}</div>
-                  </div>
+                <OPopover position="bottom" wrap-class="o-options-popup">
+                  <OOptionList scroller>
+                    <OOption
+                      v-for="opt in item.list"
+                      :key="opt"
+                      class="o-pagination-more-item"
+                      :label="String(opt)"
+                      :value="opt"
+                      @click="onMoreItemClick(opt)"
+                    />
+                  </OOptionList>
                   <template #target>
                     <OIcon class="o-pagination-more-icon" @click="moreClick(item)"><IconEllipsis /></OIcon>
                   </template>
diff --git a/packages/opendesign/src/pagination/__demo__/PaginationBasic.vue b/packages/opendesign/src/pagination/__demo__/PaginationBasic.vue
index 1ec7d3116f58240f9e1aaf70afda1027cb643303..3d55c5d17c26bab0c0bc5cba26ef85eede54e7b9 100644
--- a/packages/opendesign/src/pagination/__demo__/PaginationBasic.vue
+++ b/packages/opendesign/src/pagination/__demo__/PaginationBasic.vue
@@ -2,10 +2,7 @@
 import { ref } from 'vue';
 import { OPagination } from '../index';
 const currentPage = ref(5);
-const total = ref(0);
-setTimeout(() => {
-  total.value = 100;
-}, 1000);
+const total = ref(400);
 
 const pageSize = 8;
 const pageSizes = [8, 16, 32, 64];
diff --git a/packages/opendesign/src/pagination/style/style.scss b/packages/opendesign/src/pagination/style/style.scss
index 2008a89eb0771b138f92b73d17a68130e3bf9168..e7efefce50c2d17dc5576c852623c4729c553c7e 100644
--- a/packages/opendesign/src/pagination/style/style.scss
+++ b/packages/opendesign/src/pagination/style/style.scss
@@ -91,17 +91,12 @@
 
 .o-pagination-more-popup {
   min-width: 64px;
-  text-align: center;
   max-height: 200px;
   overflow: auto;
-  padding: 4px 0;
 }
 .o-pagination-more-item {
-  padding: 2px 16px;
   cursor: pointer;
-  @include hover {
-    background-color: var(--pagination-more-item-bg-color-hover);
-  }
+  justify-content: center;
 }
 
 .o-pagination-input {
diff --git a/packages/opendesign/src/pagination/style/var.scss b/packages/opendesign/src/pagination/style/var.scss
index 56a3c81fdfece5c1e1064b67b23d310f9b5ef7c1..c7e48de54fd139dae5393c4cba703b397e5a5f36 100644
--- a/packages/opendesign/src/pagination/style/var.scss
+++ b/packages/opendesign/src/pagination/style/var.scss
@@ -44,6 +44,3 @@
 .o-pagination-round-pill {
   --pagination-radius: var(--pagination-item-size);
 }
-.o-pagination-more-popup {
-  --pagination-more-item-bg-color-hover: var(--o-color-primary1-light);
-}
diff --git a/packages/opendesign/src/popover/__demo__/PopoverPosition.vue b/packages/opendesign/src/popover/__demo__/PopoverPosition.vue
index 8ccf242ce83af362a309dbde81e8d0133298afff..0fc2e1619a5839ea382582f77eb30990d1d277d2 100644
--- a/packages/opendesign/src/popover/__demo__/PopoverPosition.vue
+++ b/packages/opendesign/src/popover/__demo__/PopoverPosition.vue
@@ -92,7 +92,6 @@ const btn12 = ref(null);
   border: 1px solid #333;
 }
 .box {
-  padding: 12px;
   height: 60px;
   display: flex;
   align-items: center;
diff --git a/packages/opendesign/src/popup/style/index.scss b/packages/opendesign/src/popup/style/index.scss
index d48743cd6d7008a215fd911ecbff39c8c74a1a7d..16ede1cb0760fb5db8627d9906dddcfb96bcaae5 100644
--- a/packages/opendesign/src/popup/style/index.scss
+++ b/packages/opendesign/src/popup/style/index.scss
@@ -23,12 +23,12 @@
 }
 .o-popup-wrap {
   box-shadow: var(--popup-shadow);
+  background-color: var(--popup-bg-color);
+  border-radius: var(--popup-radius);
 }
 .o-popup-body {
   position: relative;
   z-index: 1;
-  background-color: var(--popup-bg-color);
-  border-radius: var(--popup-radius);
   border: var(--popup-bd);
   min-width: var(--popup-min-width);
   padding: var(--popup-padding);
diff --git a/packages/opendesign/src/scroller/style/index.scss b/packages/opendesign/src/scroller/style/index.scss
index 861f728b0d104deaa6eeb55b04305d18ecfc57dd..84836ae451fd93e43ce24b5dd28dc4e3f5260b3c 100644
--- a/packages/opendesign/src/scroller/style/index.scss
+++ b/packages/opendesign/src/scroller/style/index.scss
@@ -53,6 +53,7 @@
   flex: 1; // 撑满父容器
   overflow: auto;
   scrollbar-width: none;
+  padding: var(--scroller-padding);
 
   &::-webkit-scrollbar {
     display: none;
diff --git a/packages/opendesign/src/select/OSelect.vue b/packages/opendesign/src/select/OSelect.vue
index 712b2f5ceffac017835f52d835d46a09013e3c3a..08fc2f4ad4edca2be120dc14d664ac4ca79823aa 100644
--- a/packages/opendesign/src/select/OSelect.vue
+++ b/packages/opendesign/src/select/OSelect.vue
@@ -366,7 +366,7 @@ const selectDlgAction: DialogActionT[] = [
         <OPopup
           v-if="!props.disabled"
           v-model:visible="isSelecting"
-          wrap-class="o-select-popup"
+          wrap-class="o-options-popup"
           :transition="props.transition"
           :unmount-on-hide="props.unmountOnHide"
           :position="props.optionPosition"
diff --git a/packages/opendesign/src/select/SelectOption.vue b/packages/opendesign/src/select/SelectOption.vue
index 2756fe286dc01e10f9901cbfe9649468a96d430b..a463b54b8f396e657d722427fa12ab03b29f6edf 100644
--- a/packages/opendesign/src/select/SelectOption.vue
+++ b/packages/opendesign/src/select/SelectOption.vue
@@ -4,7 +4,7 @@ export const OptionSlotNames = ['action', 'default', 'empty'];
 <script setup lang="ts">
 import { defaultSize } from '../_utils/global';
 import { IconLoading } from '../_utils/icons';
-import { OScroller } from '../scroller';
+import { OOptionList } from '../option';
 import type { SizeT } from '../_utils/types';
 
 interface OptionPropT {
@@ -27,15 +27,12 @@ const props = defineProps<OptionPropT>();
       },
     ]"
   >
-    <OScroller v-if="props.scroller" class="o-select-options-scroller" size="small" show-type="hover" :wrap-class="props.wrapClass">
+    <OOptionList :wrap-class="props.wrapClass" :scroller="props.scroller">
       <div v-if="props.loading" class="o-select-options-loading"><IconLoading class="o-rotating" /></div>
       <slot v-else name="option-target"> </slot>
-    </OScroller>
-    <div v-else class="o-select-options-wrap" :class="props.wrapClass">
-      <div v-if="props.loading" class="o-select-options-loading"><IconLoading class="o-rotating" /></div>
-      <slot v-else name="option-target"> </slot>
-    </div>
-    <div class="o-select-actions">
+    </OOptionList>
+
+    <div v-if="$slots.action" class="o-select-actions">
       <slot name="action"></slot>
     </div>
   </div>
diff --git a/packages/opendesign/src/select/style/var.scss b/packages/opendesign/src/select/style/var.scss
index 748528cc83323c3ca3c6d568c9a37648638d5a1c..795123bfab8d28857f40de08f1234fa99721d1eb 100644
--- a/packages/opendesign/src/select/style/var.scss
+++ b/packages/opendesign/src/select/style/var.scss
@@ -182,12 +182,6 @@
   --select-options-max-height: 302px;
 }
 
-.o-select-popup {
-  --popup-shadow: var(--o-shadow-2);
-  --popup-bg-color: var(--o-color-control-light);
-  --popup-radius: var(--o-radius_control-m);
-  --popup-bd: none;
-}
 .o-select-dlg {
   --dlg-radius: var(--o-radius_control-s);
   --dlg-body-padding: 16px 24px;
diff --git a/packages/opendesign/src/switch/style/var.scss b/packages/opendesign/src/switch/style/var.scss
index baece915796ee3eaaa503cf8493c190125392ca3..fc3270314f9a922e81d7dd307c63da3481c2aaf8 100644
--- a/packages/opendesign/src/switch/style/var.scss
+++ b/packages/opendesign/src/switch/style/var.scss
@@ -14,8 +14,8 @@
   --switch-bg-color-checked-disabled: var(--o-color-primary4);
 
   --switch-handler-bg-color: var(--o-color-white);
-  --switch-handler-bg-color-disabled: rgb(var(--o-color-white), 0.6);
-  --switch-handler-bg-color-checked-disabled: rgb(var(--o-color-white), 0.4);
+  --switch-handler-bg-color-disabled: rgb(var(--o-white), 0.6);
+  --switch-handler-bg-color-checked-disabled: rgb(var(--o-white), 0.4);
 
   --switch-icon-loading-color: var(--o-color-info1);
 }