feat：droplist

components/cwg-droplist-item.vue

@@ -49,15 +49,15 @@ const handleClick = () => {
   padding: px2rpx(10) px2rpx(20);
   font-size: px2rpx(14);
   line-height: px2rpx(22);
-  color: #606266;
+  color: var(--bs-body-color);
   white-space: nowrap;
   cursor: pointer;
   transition: background-color 0.2s, color 0.2s;
   box-sizing: border-box;
 
   &:hover, &:active {
-    background-color: #ecf5ff;
-    color: #409eff;
+    background-color: var(--bs-light-bg-subtle);
+    color: var(--bs-emphasis-color);
   }
 
   &.is-disabled {

components/cwg-droplist.vue

@@ -250,8 +250,8 @@ defineExpose({
 
 .cwg-droplist-menu {
   position: absolute;
-  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
-  border: 1px solid #ebeef5;
+  background-color: var(--bs-secondary-bg) !important;
+  border: 1px solid var(--bs-border-color);
   border-radius: px2rpx(4);
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   padding: px2rpx(10) 0;
@@ -287,7 +287,7 @@ defineExpose({
   &.placement-bottom-start::before,
   &.placement-bottom-end::before {
     top: -12px;
-    border-bottom-color: #ebeef5;
+    border-bottom-color: var(--bs-secondary-bg);
   }
 
   &.placement-bottom::before {
@@ -307,7 +307,7 @@ defineExpose({
   &.placement-top-start::before,
   &.placement-top-end::before {
     bottom: -12px;
-    border-top-color: #ebeef5;
+    border-top-color: var(--bs-secondary-bg);
   }
 
   &.placement-top::before {