uniapp-dyckui 4.1.2 → 4.1.4

package/dist/assets/{style.BFlsbpSj.css → style.BEkFuBVh.css}

@@ -220,7 +220,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: rgba(0, 0, 0, var(--1f434a4e));
+  background-color: rgba(0, 0, 0, var(--v1f434a4e));
   animation: fadeIn-a2785685 300ms ease;
 }
 
@@ -394,787 +394,734 @@ to {
   right: 0;
   padding-right: 0;
 }
-
-/* 弹窗容器 */
-.popup-wrapper[data-v-00bcefd1] {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1000;
+.dropdown-select {
+  background-color: rgba(0, 0, 0, 0);
+  display: inline-block;
+}
+.dropdown-select .dropdown-trigger {
+  cursor: pointer;
+  user-select: none;
+}
+.dropdown-select .dropdown-title {
   display: flex;
   align-items: center;
-  justify-content: center;
-  pointer-events: none;
-}
-
-/* 模态模式 */
-.popup-wrapper.modal[data-v-00bcefd1] {
-  pointer-events: auto;
+  font-size: 28rpx;
+  color: #333;
+  line-height: 1.4;
+  padding: 8rpx;
 }
-
-/* 非模态模式 */
-.popup-wrapper.non-modal[data-v-00bcefd1] {
-  pointer-events: none;
+.dropdown-select .dropdown-text {
+  flex: 1;
 }
-.popup-wrapper.non-modal .popup-container[data-v-00bcefd1] {
-  pointer-events: auto;
+.dropdown-select .dropdown-icon {
+  padding-left: 16rpx;
+  font-size: 28rpx;
+  color: #999;
+  transition: transform 0.3s;
 }
-
-/* 遮罩层 */
-.popup-mask[data-v-00bcefd1] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  transition: opacity 0.3s ease;
+.dropdown-select .dropdown-icon.is-active {
+  transform: rotate(180deg);
 }
-
-/* 弹窗主体 */
-.popup-container[data-v-00bcefd1] {
-  position: fixed;
-  background-color: white;
-  border-radius: 16rpx;
-  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.15);
-  width: var(--popup-width, 100%);
-  max-width: var(--popup-max-width, 750rpx);
-  max-height: 90vh;
-  overflow: hidden;
-  pointer-events: auto;
+.dropdown-select .uni-icon {
+  width: 28rpx;
+  height: 28rpx;
+  position: relative;
 }
-
-/* 头部 */
-.popup-header[data-v-00bcefd1] {
-  padding: 32rpx 40rpx;
-  border-bottom: 2rpx solid #ebeef5;
+.dropdown-select .uni-icon.arrow-down:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 0;
+  height: 0;
+  border-left: 8rpx solid transparent;
+  border-right: 8rpx solid transparent;
+  border-top: 8rpx solid #999;
 }
-.popup-title[data-v-00bcefd1] {
-  margin: 0;
-  font-size: 32rpx;
-  font-weight: 600;
-  color: #303133;
+.dropdown-select .uni-icon.arrow-up:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 0;
+  height: 0;
+  border-left: 8rpx solid transparent;
+  border-right: 8rpx solid transparent;
+  border-bottom: 8rpx solid #999;
 }
-
-/* 内容 */
-.popup-content[data-v-00bcefd1] {
-  padding: 40rpx;
-  max-height: calc(90vh - 240rpx);
-  overflow-y: auto;
+.dropdown-with-badge__dot {
+  background: red;
+  position: absolute;
+  width: 16rpx;
+  height: 16rpx;
+  border-radius: 50%;
+  top: 8rpx;
+  right: 4rpx;
 }
-
-/* 底部 */
-.popup-footer[data-v-00bcefd1] {
-  padding: 32rpx 40rpx;
-  border-top: 2rpx solid #ebeef5;
+.filter-drawer {
+  height: 100%;
   display: flex;
-  justify-content: flex-end;
-  gap: 24rpx;
+  flex-direction: column;
+  overflow: hidden;
 }
-
-/* 按钮 */
-.popup-button[data-v-00bcefd1] {
-  padding: 16rpx 32rpx;
-  border: none;
-  border-radius: 8rpx;
+.filter-drawer__trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 12rpx;
   font-size: 28rpx;
+  color: #1989fa;
+  position: relative;
   cursor: pointer;
-  transition: all 0.3s ease;
-  text-align: center;
-  box-sizing: border-box;
 }
-.popup-button-cancel[data-v-00bcefd1] {
-  background-color: #f5f7fa;
-  color: #606266;
+.filter-drawer__badge-dot {
+  position: absolute;
+  top: -4rpx;
+  right: -12rpx;
+  width: 12rpx;
+  height: 12rpx;
+  background-color: #f56c6c;
+  border-radius: 50%;
 }
-.popup-button-cancel[data-v-00bcefd1]:hover {
-  background-color: #e4e7ed;
+.filter-drawer__header {
+  flex-shrink: 0;
+  padding: 24rpx 32rpx;
+  background: #fff;
+  z-index: 1;
 }
-.popup-button-confirm[data-v-00bcefd1] {
-  background-color: #409eff;
-  color: white;
+.filter-drawer__title {
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: 600;
+  margin: 0;
 }
-.popup-button-confirm[data-v-00bcefd1]:hover {
-  background-color: #66b1ff;
+.filter-drawer__body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 32rpx;
+  -webkit-overflow-scrolling: touch;
 }
-
-/* 关闭按钮 */
-.popup-close-button[data-v-00bcefd1] {
-  position: absolute;
-  top: 24rpx;
-  right: 24rpx;
-  width: 48rpx;
-  height: 48rpx;
-  background-color: transparent;
-  border-radius: 50%;
-  cursor: pointer;
+.filter-drawer__footer {
+  flex-shrink: 0;
+  display: flex;
+  background: #fff;
+  padding: 0 32rpx 24rpx;
+  z-index: 1;
+  gap: 24rpx;
+}
+.filter-drawer__button {
+  flex: 1;
+  height: 88rpx;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #909399;
-  transition: all 0.3s ease;
-}
-.popup-close-button[data-v-00bcefd1]:hover {
-  background-color: #f5f7fa;
-  color: #606266;
-}
-
-/* 关闭图标 */
-.close-icon[data-v-00bcefd1] {
-  font-size: 40rpx;
-  font-weight: bold;
-  line-height: 1;
+  font-size: 28rpx;
+  border-radius: 8rpx;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  background-color: #1989fa;
+  color: #fff;
+  border: 2rpx solid #1989fa;
 }
-
-/* 位置样式 */
-/* 居中 */
-.position-center[data-v-00bcefd1] {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+.filter-drawer__button--plain {
+  background-color: #fff;
+  color: #1989fa;
 }
-
-/* 顶部 */
-.position-top[data-v-00bcefd1] {
+.filter-drawer__popup-mask {
+  position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  border-radius: 0 0 16rpx 16rpx;
-}
-
-/* 底部 */
-.position-bottom[data-v-00bcefd1] {
+  right: 0;
   bottom: 0;
-  left: 0;
-  width: 100%;
-  border-radius: 16rpx 16rpx 0 0;
-}
-
-/* 左侧 */
-.position-left[data-v-00bcefd1] {
-  top: 0;
-  left: 0;
-  height: 100%;
-  border-radius: 0 16rpx 16rpx 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 999;
 }
-
-/* 右侧 */
-.position-right[data-v-00bcefd1] {
+.filter-drawer__popup {
+  position: fixed;
   top: 0;
   right: 0;
-  height: 100%;
-  border-radius: 16rpx 0 0 16rpx;
+  height: 100vh;
+  width: 100vw;
+  background: #fff;
+  z-index: 1000;
+  transform: translateX(100%);
+  animation: slideInRight 0.3s forwards;
 }
-
-/* 动画样式 */
-/* 淡入淡出 */
-.animation-fade[data-v-00bcefd1] {
-  animation: fadeIn-00bcefd1 0.3s ease;
+.filter-drawer__close {
+  position: absolute;
+  top: 24rpx;
+  right: 32rpx;
+  font-size: 48rpx;
+  cursor: pointer;
+  color: #999;
+  z-index: 10;
 }
-@keyframes fadeIn-00bcefd1 {
+@keyframes slideInRight {
 from {
-    opacity: 0;
+    transform: translateX(100%);
 }
 to {
-    opacity: 1;
-}
-}
-
-/* 缩放 */
-.animation-scale[data-v-00bcefd1] {
-  animation: scaleIn-00bcefd1 0.3s ease;
+    transform: translateX(0);
 }
-@keyframes scaleIn-00bcefd1 {
-from {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.8);
 }
-to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
+.sw-infinite-scroll[data-v-2e49050a] {
+  overflow-y: auto;
+  position: relative;
 }
+.sw-infinite-scroll__content[data-v-2e49050a] {
+  min-height: 100%;
 }
-
-/* 顶部位置的缩放动画 */
-.position-top.animation-scale[data-v-00bcefd1] {
-  animation: scaleInTop-00bcefd1 0.3s ease;
+.sw-infinite-scroll__loading[data-v-2e49050a] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40rpx 0;
+  color: #909399;
+  font-size: 28rpx;
 }
-@keyframes scaleInTop-00bcefd1 {
-from {
+.sw-infinite-scroll__loading .loading-spinner[data-v-2e49050a] {
+  width: 32rpx;
+  height: 32rpx;
+  border: 4rpx solid #d9d9d9;
+  border-top-color: #409eff;
+  border-radius: 50%;
+  animation: spin-2e49050a 0.8s linear infinite;
+  margin-right: 16rpx;
+}
+.sw-infinite-scroll__finished[data-v-2e49050a] {
+  text-align: center;
+  padding: 40rpx 0;
+  color: #909399;
+  font-size: 28rpx;
+}
+@keyframes spin-2e49050a {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
+/* 弹窗容器 */
+.popup-wrapper[data-v-a8084c82] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+
+/* 模态模式 */
+.popup-wrapper.modal[data-v-a8084c82] {
+  pointer-events: auto;
+}
+
+/* 非模态模式 */
+.popup-wrapper.non-modal[data-v-a8084c82] {
+  pointer-events: none;
+}
+.popup-wrapper.non-modal .popup-container[data-v-a8084c82] {
+  pointer-events: auto;
+}
+
+/* 遮罩层 */
+.popup-mask[data-v-a8084c82] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  transition: opacity 0.3s ease;
+}
+
+/* 弹窗主体 */
+.popup-container[data-v-a8084c82] {
+  position: fixed;
+  background-color: white;
+  border-radius: 16rpx;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.15);
+  width: var(--popup-width, 100%);
+  max-width: var(--popup-max-width, 750rpx);
+  max-height: 90vh;
+  overflow: hidden;
+  pointer-events: auto;
+}
+
+/* 头部 */
+.popup-header[data-v-a8084c82] {
+  padding: 32rpx 40rpx;
+  border-bottom: 2rpx solid #ebeef5;
+}
+.popup-title[data-v-a8084c82] {
+  margin: 0;
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #303133;
+}
+
+/* 内容 */
+.popup-content[data-v-a8084c82] {
+  padding: 40rpx;
+  max-height: calc(90vh - 240rpx);
+  overflow-y: auto;
+}
+
+/* 底部 */
+.popup-footer[data-v-a8084c82] {
+  padding: 32rpx 40rpx;
+  border-top: 2rpx solid #ebeef5;
+  display: flex;
+  justify-content: flex-end;
+  gap: 24rpx;
+}
+
+/* 按钮 */
+.popup-button[data-v-a8084c82] {
+  padding: 16rpx 32rpx;
+  border: none;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  text-align: center;
+  box-sizing: border-box;
+}
+.popup-button-cancel[data-v-a8084c82] {
+  background-color: #f5f7fa;
+  color: #606266;
+}
+.popup-button-cancel[data-v-a8084c82]:hover {
+  background-color: #e4e7ed;
+}
+.popup-button-confirm[data-v-a8084c82] {
+  background-color: #409eff;
+  color: white;
+}
+.popup-button-confirm[data-v-a8084c82]:hover {
+  background-color: #66b1ff;
+}
+
+/* 关闭按钮 */
+.popup-close-button[data-v-a8084c82] {
+  position: absolute;
+  top: 24rpx;
+  right: 24rpx;
+  width: 48rpx;
+  height: 48rpx;
+  background-color: transparent;
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #909399;
+  transition: all 0.3s ease;
+}
+.popup-close-button[data-v-a8084c82]:hover {
+  background-color: #f5f7fa;
+  color: #606266;
+}
+
+/* 关闭图标 */
+.close-icon[data-v-a8084c82] {
+  font-size: 40rpx;
+  font-weight: bold;
+  line-height: 1;
+}
+
+/* 位置样式 */
+/* 居中 */
+.position-center[data-v-a8084c82] {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 顶部 */
+.position-top[data-v-a8084c82] {
+  top: 0;
+  left: 0;
+  width: 100%;
+  border-radius: 0 0 16rpx 16rpx;
+}
+
+/* 底部 */
+.position-bottom[data-v-a8084c82] {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  border-radius: 16rpx 16rpx 0 0;
+}
+
+/* 左侧 */
+.position-left[data-v-a8084c82] {
+  top: 0;
+  left: 0;
+  height: 100%;
+  border-radius: 0 16rpx 16rpx 0;
+}
+
+/* 右侧 */
+.position-right[data-v-a8084c82] {
+  top: 0;
+  right: 0;
+  height: 100%;
+  border-radius: 16rpx 0 0 16rpx;
+}
+
+/* 动画样式 */
+/* 淡入淡出 */
+.animation-fade[data-v-a8084c82] {
+  animation: fadeIn-a8084c82 0.3s ease;
+}
+@keyframes fadeIn-a8084c82 {
+from {
     opacity: 0;
-    transform: translateY(-100%);
 }
-to {
+to {
     opacity: 1;
-    transform: translateY(0);
 }
+}
+
+/* 缩放 */
+.animation-scale[data-v-a8084c82] {
+  animation: scaleIn-a8084c82 0.3s ease;
+}
+@keyframes scaleIn-a8084c82 {
+from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.8);
+}
+to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
 }
-
+}
+
+/* 顶部位置的缩放动画 */
+.position-top.animation-scale[data-v-a8084c82] {
+  animation: scaleInTop-a8084c82 0.3s ease;
+}
+@keyframes scaleInTop-a8084c82 {
+from {
+    opacity: 0;
+    transform: translateY(-100%);
+}
+to {
+    opacity: 1;
+    transform: translateY(0);
+}
+}
+
 /* 底部位置的缩放动画 */
-.position-bottom.animation-scale[data-v-00bcefd1] {
-  animation: scaleInBottom-00bcefd1 0.3s ease;
+.position-bottom.animation-scale[data-v-a8084c82] {
+  animation: scaleInBottom-a8084c82 0.3s ease;
 }
-@keyframes scaleInBottom-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes scaleInBottom-a8084c82 {
+from {
+    opacity: 0;
     transform: translateY(100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateY(0);
 }
-}
-
+}
+
 /* 左侧位置的缩放动画 */
-.position-left.animation-scale[data-v-00bcefd1] {
-  animation: scaleInLeft-00bcefd1 0.3s ease;
+.position-left.animation-scale[data-v-a8084c82] {
+  animation: scaleInLeft-a8084c82 0.3s ease;
 }
-@keyframes scaleInLeft-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes scaleInLeft-a8084c82 {
+from {
+    opacity: 0;
     transform: translateX(-100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateX(0);
 }
-}
-
+}
+
 /* 右侧位置的缩放动画 */
-.position-right.animation-scale[data-v-00bcefd1] {
-  animation: scaleInRight-00bcefd1 0.3s ease;
+.position-right.animation-scale[data-v-a8084c82] {
+  animation: scaleInRight-a8084c82 0.3s ease;
 }
-@keyframes scaleInRight-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes scaleInRight-a8084c82 {
+from {
+    opacity: 0;
     transform: translateX(100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateX(0);
 }
-}
-
+}
+
 /* 滑动动画 */
-.animation-slide[data-v-00bcefd1] {
-  animation: slideIn-00bcefd1 0.3s ease;
+.animation-slide[data-v-a8084c82] {
+  animation: slideIn-a8084c82 0.3s ease;
 }
-@keyframes slideIn-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes slideIn-a8084c82 {
+from {
+    opacity: 0;
     transform: translate(-50%, -100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translate(-50%, -50%);
 }
-}
-
+}
+
 /* 顶部位置的滑动动画 */
-.position-top.animation-slide[data-v-00bcefd1] {
-  animation: slideInTop-00bcefd1 0.3s ease;
+.position-top.animation-slide[data-v-a8084c82] {
+  animation: slideInTop-a8084c82 0.3s ease;
 }
-@keyframes slideInTop-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes slideInTop-a8084c82 {
+from {
+    opacity: 0;
     transform: translateY(-100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateY(0);
 }
-}
-
+}
+
 /* 底部位置的滑动动画 */
-.position-bottom.animation-slide[data-v-00bcefd1] {
-  animation: slideInBottom-00bcefd1 0.3s ease;
+.position-bottom.animation-slide[data-v-a8084c82] {
+  animation: slideInBottom-a8084c82 0.3s ease;
 }
-@keyframes slideInBottom-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes slideInBottom-a8084c82 {
+from {
+    opacity: 0;
     transform: translateY(100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateY(0);
 }
-}
-
+}
+
 /* 左侧位置的滑动动画 */
-.position-left.animation-slide[data-v-00bcefd1] {
-  animation: slideInLeft-00bcefd1 0.3s ease;
+.position-left.animation-slide[data-v-a8084c82] {
+  animation: slideInLeft-a8084c82 0.3s ease;
 }
-@keyframes slideInLeft-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes slideInLeft-a8084c82 {
+from {
+    opacity: 0;
     transform: translateX(-100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateX(0);
 }
-}
-
+}
+
 /* 右侧位置的滑动动画 */
-.position-right.animation-slide[data-v-00bcefd1] {
-  animation: slideInRight-00bcefd1 0.3s ease;
+.position-right.animation-slide[data-v-a8084c82] {
+  animation: slideInRight-a8084c82 0.3s ease;
 }
-@keyframes slideInRight-00bcefd1 {
-from {
-    opacity: 0;
+@keyframes slideInRight-a8084c82 {
+from {
+    opacity: 0;
     transform: translateX(100%);
 }
-to {
-    opacity: 1;
+to {
+    opacity: 1;
     transform: translateX(0);
 }
-}
-
-/* 关闭动画 */
+}
+
+/* 关闭动画 */
 /* 淡入淡出关闭动画 */
-.animation-fade.closing[data-v-00bcefd1] {
-  animation: fadeOut-00bcefd1 0.3s ease;
+.animation-fade.closing[data-v-a8084c82] {
+  animation: fadeOut-a8084c82 0.3s ease;
 }
-@keyframes fadeOut-00bcefd1 {
-from {
+@keyframes fadeOut-a8084c82 {
+from {
     opacity: 1;
 }
-to {
+to {
     opacity: 0;
 }
-}
-
+}
+
 /* 缩放关闭动画 */
-.animation-scale.closing[data-v-00bcefd1] {
-  animation: scaleOut-00bcefd1 0.3s ease;
+.animation-scale.closing[data-v-a8084c82] {
+  animation: scaleOut-a8084c82 0.3s ease;
 }
-@keyframes scaleOut-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes scaleOut-a8084c82 {
+from {
+    opacity: 1;
     transform: translate(-50%, -50%) scale(1);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translate(-50%, -50%) scale(0.8);
 }
-}
-
+}
+
 /* 顶部位置的缩放关闭动画 */
-.position-top.animation-scale.closing[data-v-00bcefd1] {
-  animation: scaleOutTop-00bcefd1 0.3s ease;
+.position-top.animation-scale.closing[data-v-a8084c82] {
+  animation: scaleOutTop-a8084c82 0.3s ease;
 }
-@keyframes scaleOutTop-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes scaleOutTop-a8084c82 {
+from {
+    opacity: 1;
     transform: translateY(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateY(-100%);
 }
-}
-
+}
+
 /* 底部位置的缩放关闭动画 */
-.position-bottom.animation-scale.closing[data-v-00bcefd1] {
-  animation: scaleOutBottom-00bcefd1 0.3s ease;
+.position-bottom.animation-scale.closing[data-v-a8084c82] {
+  animation: scaleOutBottom-a8084c82 0.3s ease;
 }
-@keyframes scaleOutBottom-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes scaleOutBottom-a8084c82 {
+from {
+    opacity: 1;
     transform: translateY(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateY(100%);
 }
-}
-
+}
+
 /* 左侧位置的缩放关闭动画 */
-.position-left.animation-scale.closing[data-v-00bcefd1] {
-  animation: scaleOutLeft-00bcefd1 0.3s ease;
+.position-left.animation-scale.closing[data-v-a8084c82] {
+  animation: scaleOutLeft-a8084c82 0.3s ease;
 }
-@keyframes scaleOutLeft-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes scaleOutLeft-a8084c82 {
+from {
+    opacity: 1;
     transform: translateX(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateX(-100%);
 }
-}
-
+}
+
 /* 右侧位置的缩放关闭动画 */
-.position-right.animation-scale.closing[data-v-00bcefd1] {
-  animation: scaleOutRight-00bcefd1 0.3s ease;
+.position-right.animation-scale.closing[data-v-a8084c82] {
+  animation: scaleOutRight-a8084c82 0.3s ease;
 }
-@keyframes scaleOutRight-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes scaleOutRight-a8084c82 {
+from {
+    opacity: 1;
     transform: translateX(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateX(100%);
 }
-}
-
+}
+
 /* 滑动关闭动画 */
-.animation-slide.closing[data-v-00bcefd1] {
-  animation: slideOut-00bcefd1 0.3s ease;
+.animation-slide.closing[data-v-a8084c82] {
+  animation: slideOut-a8084c82 0.3s ease;
 }
-@keyframes slideOut-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes slideOut-a8084c82 {
+from {
+    opacity: 1;
     transform: translate(-50%, -50%);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translate(-50%, -100%);
 }
-}
-
+}
+
 /* 顶部位置的滑动关闭动画 */
-.position-top.animation-slide.closing[data-v-00bcefd1] {
-  animation: slideOutTop-00bcefd1 0.3s ease;
+.position-top.animation-slide.closing[data-v-a8084c82] {
+  animation: slideOutTop-a8084c82 0.3s ease;
 }
-@keyframes slideOutTop-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes slideOutTop-a8084c82 {
+from {
+    opacity: 1;
     transform: translateY(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateY(-100%);
 }
-}
-
+}
+
 /* 底部位置的滑动关闭动画 */
-.position-bottom.animation-slide.closing[data-v-00bcefd1] {
-  animation: slideOutBottom-00bcefd1 0.3s ease;
+.position-bottom.animation-slide.closing[data-v-a8084c82] {
+  animation: slideOutBottom-a8084c82 0.3s ease;
 }
-@keyframes slideOutBottom-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes slideOutBottom-a8084c82 {
+from {
+    opacity: 1;
     transform: translateY(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateY(100%);
 }
-}
-
+}
+
 /* 左侧位置的滑动关闭动画 */
-.position-left.animation-slide.closing[data-v-00bcefd1] {
-  animation: slideOutLeft-00bcefd1 0.3s ease;
+.position-left.animation-slide.closing[data-v-a8084c82] {
+  animation: slideOutLeft-a8084c82 0.3s ease;
 }
-@keyframes slideOutLeft-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes slideOutLeft-a8084c82 {
+from {
+    opacity: 1;
     transform: translateX(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateX(-100%);
 }
-}
-
+}
+
 /* 右侧位置的滑动关闭动画 */
-.position-right.animation-slide.closing[data-v-00bcefd1] {
-  animation: slideOutRight-00bcefd1 0.3s ease;
+.position-right.animation-slide.closing[data-v-a8084c82] {
+  animation: slideOutRight-a8084c82 0.3s ease;
 }
-@keyframes slideOutRight-00bcefd1 {
-from {
-    opacity: 1;
+@keyframes slideOutRight-a8084c82 {
+from {
+    opacity: 1;
     transform: translateX(0);
 }
-to {
-    opacity: 0;
+to {
+    opacity: 0;
     transform: translateX(100%);
 }
-}
-
-.sw-toast[data-v-2b648fd9] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  max-width: 80%;
-  padding: 20rpx 32rpx;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  line-height: 40rpx;
-  color: #fff;
-  background-color: rgba(0, 0, 0, 0.7);
-  box-sizing: border-box;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  z-index: 9999;
-  position: fixed;
-  left: 50%;
-  transform: translateX(-50%) translateY(0);
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  user-select: none;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-
-/* 显示动画 */
-.sw-toast--show[data-v-2b648fd9] {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: auto;
-  transform: translateX(-50%) translateY(0);
-}
-
-/* 隐藏动画 */
-.sw-toast--hide[data-v-2b648fd9] {
-  opacity: 0;
-  transform: translateX(-50%) translateY(-20rpx);
-}
-
-/* 位置样式 */
-.sw-toast--top[data-v-2b648fd9] {
-  top: 100rpx;
-}
-.sw-toast--middle[data-v-2b648fd9] {
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.sw-toast--middle.sw-toast--show[data-v-2b648fd9] {
-  transform: translate(-50%, -50%);
-}
-.sw-toast--middle.sw-toast--hide[data-v-2b648fd9] {
-  transform: translate(-50%, -60%);
-}
-.sw-toast--bottom[data-v-2b648fd9] {
-  bottom: 100rpx;
-}
-
-/* 类型样式 */
-.sw-toast--text[data-v-2b648fd9] {
-  background-color: rgba(0, 0, 0, 0.7);
-}
-.sw-toast--loading[data-v-2b648fd9] {
-  background-color: rgba(0, 0, 0, 0.7);
-}
-.sw-toast--success[data-v-2b648fd9] {
-  background-color: #67c23a;
-}
-.sw-toast--fail[data-v-2b648fd9] {
-  background-color: #f56c6c;
-}
-
-/* 大尺寸样式 */
-.sw-toast--large[data-v-2b648fd9] {
-  padding: 32rpx 48rpx;
-  font-size: 32rpx;
-  line-height: 48rpx;
-}
-
-/* 加载图标 */
-.sw-toast__loading[data-v-2b648fd9] {
-  margin-right: 16rpx;
-}
-
-/* 加载动画 */
-.sw-toast__spinner[data-v-2b648fd9] {
-  display: inline-block;
-  width: 40rpx;
-  height: 40rpx;
-  border: 4rpx solid rgba(255, 255, 255, 0.3);
-  border-radius: 50%;
-  border-top-color: #fff;
-  animation: sw-toast-spin-2b648fd9 0.8s linear infinite;
-}
-
-/* 自定义图标 */
-.sw-toast__custom-icon[data-v-2b648fd9] {
-  font-size: 40rpx;
-}
-
-/* 状态图标 */
-.sw-toast__icon[data-v-2b648fd9] {
-  margin-right: 16rpx;
-&--success[data-v-2b648fd9],
-  &--fail[data-v-2b648fd9] {
-    display: inline-block;
-    width: 40rpx;
-    height: 40rpx;
-    font-size: 40rpx;
-    font-weight: bold;
-}
-}
-
-/* 文本内容 */
-.sw-toast__text[data-v-2b648fd9] {
-  margin: 0;
-  word-wrap: break-word;
-  white-space: pre-wrap;
-}
-
-/* 加载动画 */
-@keyframes sw-toast-spin-2b648fd9 {
-to {
-    transform: rotate(360deg);
-}
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-.sw-toast[data-v-2b648fd9] {
-    max-width: 90%;
-    padding: 16rpx 24rpx;
-    font-size: 26rpx;
-    line-height: 36rpx;
-}
-.sw-toast--large[data-v-2b648fd9] {
-    padding: 24rpx 40rpx;
-    font-size: 30rpx;
-    line-height: 44rpx;
-}
-.sw-toast--top[data-v-2b648fd9] {
-    top: 60rpx;
-}
-.sw-toast--bottom[data-v-2b648fd9] {
-    bottom: 60rpx;
-}
-}
-.sw-swiper[data-v-3735cbbd] {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
-.sw-swiper .swiper-wrapper[data-v-3735cbbd] {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.sw-swiper .swiper-item[data-v-3735cbbd] {
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-}
-.sw-swiper .swiper-indicators[data-v-3735cbbd] {
-  position: absolute;
-  bottom: 32rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  gap: 16rpx;
-}
-.sw-swiper .swiper-indicators .indicator-item[data-v-3735cbbd] {
-  width: 16rpx;
-  height: 16rpx;
-  border-radius: 50%;
-  background-color: rgba(255, 255, 255, 0.5);
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-.sw-swiper .swiper-indicators .indicator-item.active[data-v-3735cbbd] {
-  width: 16rpx;
-  height: 16rpx;
-  background-color: #fff;
-}
-.sw-swiper .swiper-arrow[data-v-3735cbbd] {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 76rpx;
-  height: 76rpx;
-  border-radius: 50%;
-  background-color: rgba(255, 255, 255, 0.85);
-  border: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 10;
-  transition: all 0.3s ease;
-  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.15);
-}
-.sw-swiper .swiper-arrow[data-v-3735cbbd]:hover {
-  background-color: #ffffff;
-  transform: translateY(-50%) scale(1.1);
-}
-.sw-swiper .swiper-arrow[data-v-3735cbbd]:before {
-  content: '';
-  width: 24rpx;
-  height: 24rpx;
-  border-top: 4rpx solid #333;
-  border-left: 4rpx solid #333;
-  display: inline-block;
-}
-.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-3735cbbd] {
-  left: 30rpx;
-}
-.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-3735cbbd]:before {
-  transform: rotate(-45deg);
-}
-.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-3735cbbd] {
-  right: 30rpx;
-}
-.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-3735cbbd]:before {
-  transform: rotate(135deg);
-}
-.sw-infinite-scroll[data-v-2e49050a] {
-  overflow-y: auto;
-  position: relative;
-}
-.sw-infinite-scroll__content[data-v-2e49050a] {
-  min-height: 100%;
-}
-.sw-infinite-scroll__loading[data-v-2e49050a] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 40rpx 0;
-  color: #909399;
-  font-size: 28rpx;
-}
-.sw-infinite-scroll__loading .loading-spinner[data-v-2e49050a] {
-  width: 32rpx;
-  height: 32rpx;
-  border: 4rpx solid #d9d9d9;
-  border-top-color: #409eff;
-  border-radius: 50%;
-  animation: spin-2e49050a 0.8s linear infinite;
-  margin-right: 16rpx;
-}
-.sw-infinite-scroll__finished[data-v-2e49050a] {
-  text-align: center;
-  padding: 40rpx 0;
-  color: #909399;
-  font-size: 28rpx;
-}
-@keyframes spin-2e49050a {
-0% {
-    transform: rotate(0deg);
-}
-100% {
-    transform: rotate(360deg);
-}
-}
+}
 
-.infinite-scroll-container[data-v-d2876eca] {
+.infinite-scroll-container[data-v-b591b189] {
   position: relative;
   width: 100%;
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
 }
-.infinite-scroll-content[data-v-d2876eca] {
+.infinite-scroll-content[data-v-b591b189] {
   width: 100%;
 }
-.infinite-scroll-indicator[data-v-d2876eca] {
+.infinite-scroll-indicator[data-v-b591b189] {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.infinite-scroll-loading[data-v-d2876eca] {
+.infinite-scroll-loading[data-v-b591b189] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1182,14 +1129,14 @@ to {
   color: #666;
   font-size: 28rpx;
 }
-.loading-spinner[data-v-d2876eca] {
-  animation: spin-d2876eca 0.8s linear infinite;
+.loading-spinner[data-v-b591b189] {
+  animation: spin-b591b189 0.8s linear infinite;
   color: #409eff;
 }
-.loading-icon[data-v-d2876eca] {
+.loading-icon[data-v-b591b189] {
   font-size: 40rpx;
 }
-@keyframes spin-d2876eca {
+@keyframes spin-b591b189 {
 0% {
     transform: rotate(0deg);
 }
@@ -1197,11 +1144,11 @@ to {
     transform: rotate(360deg);
 }
 }
-.loading-text[data-v-d2876eca] {
+.loading-text[data-v-b591b189] {
   font-size: 28rpx;
   color: #666;
 }
-.infinite-scroll-error[data-v-d2876eca] {
+.infinite-scroll-error[data-v-b591b189] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1209,15 +1156,15 @@ to {
   color: #f56c6c;
   font-size: 28rpx;
 }
-.error-icon[data-v-d2876eca] {
+.error-icon[data-v-b591b189] {
   font-size: 40rpx;
   color: #f56c6c;
 }
-.error-text[data-v-d2876eca] {
+.error-text[data-v-b591b189] {
   font-size: 28rpx;
   color: #f56c6c;
 }
-.retry-btn[data-v-d2876eca] {
+.retry-btn[data-v-b591b189] {
   padding: 8rpx 24rpx;
   background-color: #409eff;
   color: white;
@@ -1231,26 +1178,26 @@ to {
   align-items: center;
   justify-content: center;
 }
-.retry-btn[data-v-d2876eca]:hover {
+.retry-btn[data-v-b591b189]:hover {
   background-color: #66b1ff;
 }
-.infinite-scroll-no-more[data-v-d2876eca] {
+.infinite-scroll-no-more[data-v-b591b189] {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #999;
   font-size: 28rpx;
 }
-.no-more-text[data-v-d2876eca] {
+.no-more-text[data-v-b591b189] {
   font-size: 28rpx;
   color: #999;
 }
-.infinite-scroll-trigger[data-v-d2876eca] {
+.infinite-scroll-trigger[data-v-b591b189] {
   width: 100%;
 }
 
 /* 下拉刷新样式 */
-.refresh-indicator[data-v-d2876eca] {
+.refresh-indicator[data-v-b591b189] {
   width: 100%;
   height: 0;
   overflow: hidden;
@@ -1260,7 +1207,7 @@ to {
   align-items: center;
   justify-content: center;
 }
-.refresh-content[data-v-d2876eca] {
+.refresh-content[data-v-b591b189] {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -1278,195 +1225,250 @@ to {
   margin: 8rpx;
   backdrop-filter: blur(10rpx);
 }
-.refresh-icon[data-v-d2876eca] {
+.refresh-icon[data-v-b591b189] {
   margin-right: 10rpx;
   margin-bottom: 0;
 }
-.refresh-icon svg[data-v-d2876eca] {
+.refresh-icon svg[data-v-b591b189] {
   transition: transform 0.3s ease;
   color: #409eff;
   width: 36rpx;
   height: 36rpx;
 }
-.refresh-status-triggered .refresh-icon svg[data-v-d2876eca],
-.refresh-status-refreshing .refresh-icon svg[data-v-d2876eca] {
+.refresh-status-triggered .refresh-icon svg[data-v-b591b189],
+.refresh-status-refreshing .refresh-icon svg[data-v-b591b189] {
   transform: rotate(0deg);
 }
-.refresh-status-refreshing .refresh-icon svg[data-v-d2876eca] {
-  animation: spin-d2876eca 0.8s linear infinite;
+.refresh-status-refreshing .refresh-icon svg[data-v-b591b189] {
+  animation: spin-b591b189 0.8s linear infinite;
 }
-.refresh-text[data-v-d2876eca] {
+.refresh-text[data-v-b591b189] {
   font-size: 28rpx;
   color: white;
 }
-.dropdown-select {
-  background-color: rgba(0, 0, 0, 0);
-  display: inline-block;
-}
-.dropdown-select .dropdown-trigger {
-  cursor: pointer;
-  user-select: none;
+.sw-swiper[data-v-4f860ae8] {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
 }
-.dropdown-select .dropdown-title {
+.sw-swiper .swiper-wrapper[data-v-4f860ae8] {
   display: flex;
-  align-items: center;
-  font-size: 28rpx;
-  color: #333;
-  line-height: 1.4;
-  padding: 8rpx;
-}
-.dropdown-select .dropdown-text {
-  flex: 1;
-}
-.dropdown-select .dropdown-icon {
-  padding-left: 16rpx;
-  font-size: 28rpx;
-  color: #999;
-  transition: transform 0.3s;
-}
-.dropdown-select .dropdown-icon.is-active {
-  transform: rotate(180deg);
-}
-.dropdown-select .uni-icon {
-  width: 28rpx;
-  height: 28rpx;
-  position: relative;
+  width: 100%;
+  height: 100%;
 }
-.dropdown-select .uni-icon.arrow-down:after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 0;
-  height: 0;
-  border-left: 8rpx solid transparent;
-  border-right: 8rpx solid transparent;
-  border-top: 8rpx solid #999;
+.sw-swiper .swiper-item[data-v-4f860ae8] {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
 }
-.dropdown-select .uni-icon.arrow-up:after {
-  content: '';
+.sw-swiper .swiper-indicators[data-v-4f860ae8] {
   position: absolute;
-  top: 50%;
+  bottom: 32rpx;
   left: 50%;
-  transform: translate(-50%, -50%);
-  width: 0;
-  height: 0;
-  border-left: 8rpx solid transparent;
-  border-right: 8rpx solid transparent;
-  border-bottom: 8rpx solid #999;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 16rpx;
 }
-.dropdown-with-badge__dot {
-  background: red;
-  position: absolute;
+.sw-swiper .swiper-indicators .indicator-item[data-v-4f860ae8] {
   width: 16rpx;
   height: 16rpx;
   border-radius: 50%;
-  top: 8rpx;
-  right: 4rpx;
+  background-color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  transition: all 0.3s ease;
 }
-.filter-drawer {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
+.sw-swiper .swiper-indicators .indicator-item.active[data-v-4f860ae8] {
+  width: 16rpx;
+  height: 16rpx;
+  background-color: #fff;
 }
-.filter-drawer__trigger {
-  display: inline-flex;
+.sw-swiper .swiper-arrow[data-v-4f860ae8] {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 76rpx;
+  height: 76rpx;
+  border-radius: 50%;
+  background-color: rgba(255, 255, 255, 0.85);
+  border: none;
+  display: flex;
   align-items: center;
-  gap: 12rpx;
-  font-size: 28rpx;
-  color: #1989fa;
-  position: relative;
+  justify-content: center;
   cursor: pointer;
+  z-index: 10;
+  transition: all 0.3s ease;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.15);
 }
-.filter-drawer__badge-dot {
-  position: absolute;
-  top: -4rpx;
-  right: -12rpx;
-  width: 12rpx;
-  height: 12rpx;
-  background-color: #f56c6c;
-  border-radius: 50%;
+.sw-swiper .swiper-arrow[data-v-4f860ae8]:hover {
+  background-color: #ffffff;
+  transform: translateY(-50%) scale(1.1);
 }
-.filter-drawer__header {
-  flex-shrink: 0;
-  padding: 24rpx 32rpx;
-  background: #fff;
-  z-index: 1;
+.sw-swiper .swiper-arrow[data-v-4f860ae8]:before {
+  content: '';
+  width: 24rpx;
+  height: 24rpx;
+  border-top: 4rpx solid #333;
+  border-left: 4rpx solid #333;
+  display: inline-block;
 }
-.filter-drawer__title {
-  text-align: center;
-  font-size: 32rpx;
-  font-weight: 600;
-  margin: 0;
+.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-4f860ae8] {
+  left: 30rpx;
 }
-.filter-drawer__body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 32rpx;
-  -webkit-overflow-scrolling: touch;
+.sw-swiper .swiper-arrow.swiper-arrow-left[data-v-4f860ae8]:before {
+  transform: rotate(-45deg);
 }
-.filter-drawer__footer {
-  flex-shrink: 0;
-  display: flex;
-  background: #fff;
-  padding: 0 32rpx 24rpx;
-  z-index: 1;
-  gap: 24rpx;
+.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-4f860ae8] {
+  right: 30rpx;
 }
-.filter-drawer__button {
-  flex: 1;
-  height: 88rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 28rpx;
-  border-radius: 8rpx;
-  cursor: pointer;
-  transition: background-color 0.3s;
-  background-color: #1989fa;
-  color: #fff;
-  border: 2rpx solid #1989fa;
+.sw-swiper .swiper-arrow.swiper-arrow-right[data-v-4f860ae8]:before {
+  transform: rotate(135deg);
 }
-.filter-drawer__button--plain {
-  background-color: #fff;
-  color: #1989fa;
+
+.sw-toast[data-v-482db7a0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 80%;
+  padding: 20rpx 32rpx;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  line-height: 40rpx;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.7);
+  box-sizing: border-box;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 9999;
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%) translateY(0);
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  user-select: none;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+/* 显示动画 */
+.sw-toast--show[data-v-482db7a0] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+  transform: translateX(-50%) translateY(0);
+}
+
+/* 隐藏动画 */
+.sw-toast--hide[data-v-482db7a0] {
+  opacity: 0;
+  transform: translateX(-50%) translateY(-20rpx);
+}
+
+/* 位置样式 */
+.sw-toast--top[data-v-482db7a0] {
+  top: 100rpx;
 }
-.filter-drawer__popup-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  z-index: 999;
+.sw-toast--middle[data-v-482db7a0] {
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
-.filter-drawer__popup {
-  position: fixed;
-  top: 0;
-  right: 0;
-  height: 100vh;
-  width: 100vw;
-  background: #fff;
-  z-index: 1000;
-  transform: translateX(100%);
-  animation: slideInRight 0.3s forwards;
+.sw-toast--middle.sw-toast--show[data-v-482db7a0] {
+  transform: translate(-50%, -50%);
 }
-.filter-drawer__close {
-  position: absolute;
-  top: 24rpx;
-  right: 32rpx;
-  font-size: 48rpx;
-  cursor: pointer;
-  color: #999;
-  z-index: 10;
+.sw-toast--middle.sw-toast--hide[data-v-482db7a0] {
+  transform: translate(-50%, -60%);
 }
-@keyframes slideInRight {
-from {
-    transform: translateX(100%);
+.sw-toast--bottom[data-v-482db7a0] {
+  bottom: 100rpx;
+}
+
+/* 类型样式 */
+.sw-toast--text[data-v-482db7a0] {
+  background-color: rgba(0, 0, 0, 0.7);
 }
-to {
-    transform: translateX(0);
+.sw-toast--loading[data-v-482db7a0] {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+.sw-toast--success[data-v-482db7a0] {
+  background-color: #67c23a;
+}
+.sw-toast--fail[data-v-482db7a0] {
+  background-color: #f56c6c;
+}
+
+/* 大尺寸样式 */
+.sw-toast--large[data-v-482db7a0] {
+  padding: 32rpx 48rpx;
+  font-size: 32rpx;
+  line-height: 48rpx;
+}
+
+/* 加载图标 */
+.sw-toast__loading[data-v-482db7a0] {
+  margin-right: 16rpx;
+}
+
+/* 加载动画 */
+.sw-toast__spinner[data-v-482db7a0] {
+  display: inline-block;
+  width: 40rpx;
+  height: 40rpx;
+  border: 4rpx solid rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  border-top-color: #fff;
+  animation: sw-toast-spin-482db7a0 0.8s linear infinite;
+}
+
+/* 自定义图标 */
+.sw-toast__custom-icon[data-v-482db7a0] {
+  font-size: 40rpx;
+}
+
+/* 状态图标 */
+.sw-toast__icon {
+&[data-v-482db7a0] {
+  margin-right: 16rpx;
+  }
+&--success[data-v-482db7a0],
+  &--fail[data-v-482db7a0] {
+    display: inline-block;
+    width: 40rpx;
+    height: 40rpx;
+    font-size: 40rpx;
+    font-weight: bold;
 }
+}
+
+/* 文本内容 */
+.sw-toast__text[data-v-482db7a0] {
+  margin: 0;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+/* 加载动画 */
+@keyframes sw-toast-spin-482db7a0 {
+to {
+    transform: rotate(360deg);
+}
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+.sw-toast[data-v-482db7a0] {
+    max-width: 90%;
+    padding: 16rpx 24rpx;
+    font-size: 26rpx;
+    line-height: 36rpx;
 }
+.sw-toast--large[data-v-482db7a0] {
+    padding: 24rpx 40rpx;
+    font-size: 30rpx;
+    line-height: 44rpx;
+}
+.sw-toast--top[data-v-482db7a0] {
+    top: 60rpx;
+}
+.sw-toast--bottom[data-v-482db7a0] {
+    bottom: 60rpx;
+}
+}