@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .modal-overlay.data-v-7ff2d7fe { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 40rpx; } .modal-content.data-v-7ff2d7fe { width: 600rpx; background: #fff; border-radius: 36rpx; overflow: hidden; box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2); } .modal-header.data-v-7ff2d7fe { background: linear-gradient(120deg, #43e97b 0%, #38f9d7 100%); padding: 40rpx; text-align: center; position: relative; } .modal-close.data-v-7ff2d7fe { position: absolute; right: 40rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 48rpx; font-weight: bold; cursor: pointer; width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; } .modal-title.data-v-7ff2d7fe { color: #fff; font-size: 32rpx; font-weight: bold; letter-spacing: 2rpx; } .modal-body.data-v-7ff2d7fe { padding: 40rpx; } .cross-store-toggle.data-v-7ff2d7fe { display: flex; align-items: center; gap: 20rpx; margin-bottom: 24rpx; padding-bottom: 24rpx; border-bottom: 2rpx solid #e8f5e9; } .toggle-text.data-v-7ff2d7fe { font-size: 28rpx; color: #388e3c; font-weight: 500; } .search-container.data-v-7ff2d7fe { margin-bottom: 32rpx; } .search-input.data-v-7ff2d7fe { width: 100%; background: #f9fff9; border: 3rpx solid #c8e6c9; border-radius: 20rpx; padding: 24rpx; font-size: 28rpx; color: #2e7d32; box-sizing: border-box; } .option-list.data-v-7ff2d7fe { border: 2rpx solid #e0e0e0; border-radius: 16rpx; max-height: 600rpx; } .option-item.data-v-7ff2d7fe { padding: 24rpx 32rpx; border-bottom: 2rpx solid #f0f0f0; transition: background 0.2s ease; cursor: pointer; } .option-item.data-v-7ff2d7fe:hover { background: #f5f5f5; } .option-item.data-v-7ff2d7fe:last-child { border-bottom: none; } .option-item.selected.data-v-7ff2d7fe { background: #e8f5e9; color: #2e7d32; font-weight: bold; } .option-label.data-v-7ff2d7fe { font-size: 28rpx; color: #333; display: block; margin-bottom: 8rpx; } .option-subtitle.data-v-7ff2d7fe { font-size: 24rpx; color: #666; display: block; word-break: break-all; } .loading-item.data-v-7ff2d7fe { display: flex; align-items: center; justify-content: center; padding: 40rpx; gap: 16rpx; } .loading-text.data-v-7ff2d7fe { font-size: 28rpx; color: #666; } .no-more-item.data-v-7ff2d7fe { text-align: center; padding: 40rpx; } .no-more-text.data-v-7ff2d7fe { font-size: 24rpx; color: #999; } .empty-options.data-v-7ff2d7fe { text-align: center; padding: 80rpx 40rpx; } .empty-text.data-v-7ff2d7fe { color: #666; font-size: 28rpx; } .modal-footer.data-v-7ff2d7fe { padding: 32rpx 40rpx; border-top: 2rpx solid #e0e0e0; display: flex; gap: 24rpx; } .modal-btn.data-v-7ff2d7fe { flex: 1; padding: 20rpx 32rpx; border-radius: 16rpx; font-size: 28rpx; font-weight: bold; letter-spacing: 2rpx; } /* 取消按钮样式 */ .cancel-btn.data-v-7ff2d7fe { background: #f5f5f5 !important; color: #666 !important; } /* 确定按钮样式 */ .confirm-btn.data-v-7ff2d7fe { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; color: #fff !important; box-shadow: 0 4rpx 16rpx rgba(67, 233, 123, 0.3) !important; border: none !important; } /* 禁用状态 */ .confirm-btn[disabled].data-v-7ff2d7fe { background: #e0e0e0 !important; color: #999 !important; box-shadow: none !important; } /* 覆盖uview默认样式 */ .modal-btn.u-button.data-v-7ff2d7fe { background: inherit !important; color: inherit !important; border: inherit !important; } /* 更具体的选择器 */ .modal-footer .u-button--default.data-v-7ff2d7fe { background: #f5f5f5 !important; color: #666 !important; border: 3rpx solid #ddd !important; } .modal-footer .u-button--primary.data-v-7ff2d7fe { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; color: #fff !important; box-shadow: 0 4rpx 16rpx rgba(67, 233, 123, 0.3) !important; border: none !important; } @media (max-width: 750rpx) { .modal-content.data-v-7ff2d7fe { width: 90vw; } .modal-body.data-v-7ff2d7fe { padding: 32rpx; } .modal-footer.data-v-7ff2d7fe { padding: 24rpx 32rpx; } }