@ruixinkeji/prism-ui 1.0.16 → 1.0.17

package/dist/dev/mp-weixin/components/PrismCityCascadeSelect/PrismCityCascadeSelect.wxss

@@ -1,264 +0,0 @@
-/**
- * Prism UI - SCSS 变量定义
- * 此文件包含所有设计令牌和变量
- * 所有变量使用 $prism- 前缀，避免与用户项目冲突
- *
- * 主题切换：修改下面的引入文件即可切换主题
- * 可选主题：blue(默认) / green / purple / orange / red / cyan
- */
-/**
- * Prism UI - 蓝色主题（默认）
- *
- * 使用方式：在 variables.scss 中修改引入
- * @import '../theme/blue.scss';
- *
- * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
- */
-/* ============================================================
-   一、浅色模式变量（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* -------------------- 主题色 -------------------- */
-/* -------------------- 状态色 -------------------- */
-/* -------------------- 文字颜色 -------------------- */
-/* -------------------- 边框颜色 -------------------- */
-/* -------------------- 背景颜色 -------------------- */
-/* ============================================================
-   二、深色模式变量
-   ============================================================ */
-/* -------------------- 主题色（深色） -------------------- */
-/* -------------------- 状态色（深色） -------------------- */
-/* -------------------- 文字颜色（深色） -------------------- */
-/* -------------------- 边框颜色（深色） -------------------- */
-/* -------------------- 背景颜色（深色） -------------------- */
-/* ============================================================
-   三、主题色透明度（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   主题色渐变（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   四、白色透明度
-   ============================================================ */
-/* ============================================================
-   六、第三方品牌色
-   ============================================================ */
-/* ============================================================
-   八、常用阴影（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   九、统一间距
-   ============================================================ */
-.prism-city-cascade-select .prism-select-box {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 24rpx;
-  background: var(--prism-input-bg, #F7F8FA);
-  border-radius: 12rpx;
-}
-.prism-city-cascade-select .prism-select-box .placeholder {
-  color: var(--prism-text-placeholder, #C9CDD4);
-  font-size: 28rpx;
-}
-.prism-city-cascade-select .prism-select-box .select-text {
-  color: var(--prism-text-primary, #1D2129);
-  font-size: 28rpx;
-}
-.prism-city-cascade-select .prism-select-box .select-arrow {
-  color: var(--prism-text-secondary, #86909C);
-  font-size: 28rpx;
-}
-.prism-city-cascade-select .select-page {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: -100rpx;
-  width: 100%;
-  padding-bottom: 100rpx;
-  background: var(--prism-bg-color-page, #F5F6F7);
-  z-index: 99999;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.prism-city-cascade-select .page-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 24rpx 32rpx;
-  padding-top: calc(24rpx + env(safe-area-inset-top));
-  background: var(--prism-bg-color-card, #FFFFFF);
-}
-.prism-city-cascade-select .header-back {
-  width: 60rpx;
-}
-.prism-city-cascade-select .header-back .fa {
-  font-size: 36rpx;
-  color: var(--prism-text-primary, #1D2129);
-}
-.prism-city-cascade-select .header-title {
-  font-size: 34rpx;
-  font-weight: 600;
-  color: var(--prism-text-primary, #1D2129);
-}
-.prism-city-cascade-select .header-right {
-  width: 60rpx;
-}
-.prism-city-cascade-select .search-box {
-  padding: 16rpx 32rpx;
-  background: var(--prism-bg-color-card, #FFFFFF);
-}
-.prism-city-cascade-select .search-input-wrap {
-  display: flex;
-  align-items: center;
-  padding: 16rpx 24rpx;
-  background: var(--prism-bg-color-container, #F7F8FA);
-  border-radius: 8rpx;
-  gap: 16rpx;
-}
-.prism-city-cascade-select .search-input-wrap .fa-search {
-  color: var(--prism-text-placeholder, #C9CDD4);
-  font-size: 28rpx;
-}
-.prism-city-cascade-select .search-input-wrap .fa-times-circle {
-  color: var(--prism-text-secondary, #86909C);
-  font-size: 28rpx;
-}
-.prism-city-cascade-select .search-input {
-  flex: 1;
-  font-size: 28rpx;
-  color: var(--prism-text-primary, #1D2129);
-}
-.prism-city-cascade-select .page-content {
-  flex: 1;
-  height: 0;
-  padding-bottom: env(safe-area-inset-bottom, 0px);
-}
-.prism-city-cascade-select .section-title {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-  padding: 24rpx 32rpx 16rpx;
-  font-size: 26rpx;
-  color: var(--prism-text-secondary, #86909C);
-}
-.prism-city-cascade-select .section-title .fa-fire {
-  color: #FF6B00;
-}
-.prism-city-cascade-select .hot-cities {
-  background: var(--prism-bg-color-card, #FFFFFF);
-  margin-bottom: 16rpx;
-}
-.prism-city-cascade-select .hot-cities-grid {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0 32rpx 24rpx;
-  gap: 16rpx;
-}
-.prism-city-cascade-select .hot-city-item {
-  padding: 20rpx 32rpx;
-  background: var(--prism-bg-color-container, #F7F8FA);
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  color: var(--prism-text-primary, #1D2129);
-}
-.prism-city-cascade-select .hot-city-item:active {
-  background: var(--prism-primary-light, rgba(52, 120, 246, 0.08));
-  color: var(--prism-primary-color, #3478F6);
-}
-.prism-city-cascade-select .breadcrumb {
-  background: var(--prism-bg-color-card, #FFFFFF);
-  margin-bottom: 16rpx;
-}
-.prism-city-cascade-select .breadcrumb-content {
-  display: flex;
-  align-items: center;
-  padding: 0 32rpx 24rpx;
-  flex-wrap: wrap;
-  gap: 8rpx;
-}
-.prism-city-cascade-select .breadcrumb-item {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-  font-size: 28rpx;
-  color: var(--prism-primary-color, #3478F6);
-}
-.prism-city-cascade-select .breadcrumb-item .fa {
-  font-size: 20rpx;
-  color: var(--prism-text-placeholder, #C9CDD4);
-}
-.prism-city-cascade-select .breadcrumb-clear {
-  margin-left: auto;
-}
-.prism-city-cascade-select .breadcrumb-clear .fa {
-  font-size: 28rpx;
-  color: var(--prism-text-secondary, #86909C);
-}
-.prism-city-cascade-select .city-list {
-  background: var(--prism-bg-color-card, #FFFFFF);
-}
-.prism-city-cascade-select .city-item {
-  display: flex;
-  align-items: center;
-  padding: 28rpx 32rpx;
-  border-bottom: 1rpx solid var(--prism-border-color-light, #E5E6EB);
-}
-.prism-city-cascade-select .city-item .item-name {
-  flex: 1;
-  font-size: 30rpx;
-  color: var(--prism-text-primary, #1D2129);
-}
-.prism-city-cascade-select .city-item .item-arrow {
-  font-size: 24rpx;
-  color: var(--prism-text-placeholder, #C9CDD4);
-}
-.prism-city-cascade-select .city-item .item-check {
-  font-size: 28rpx;
-  color: var(--prism-primary-color, #3478F6);
-}
-.prism-city-cascade-select .city-item.selected .item-name {
-  color: var(--prism-primary-color, #3478F6);
-  font-weight: 500;
-}
-.prism-city-cascade-select .search-results {
-  background: var(--prism-bg-color-card, #FFFFFF);
-}
-.prism-city-cascade-select .result-item {
-  padding: 28rpx 32rpx;
-  border-bottom: 1rpx solid var(--prism-border-color-light, #E5E6EB);
-  font-size: 30rpx;
-  color: var(--prism-text-primary, #1D2129);
-}
-.prism-city-cascade-select .search-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 120rpx 32rpx;
-  gap: 24rpx;
-}
-.prism-city-cascade-select .search-empty .fa {
-  font-size: 80rpx;
-  color: var(--prism-text-placeholder, #C9CDD4);
-}
-.prism-city-cascade-select .search-empty text {
-  font-size: 28rpx;
-  color: var(--prism-text-secondary, #86909C);
-}
-.dark-mode.prism-city-cascade-select .select-page {
-  background: var(--prism-bg-color-page, #121212);
-}
-.dark-mode.prism-city-cascade-select .page-header,
-.dark-mode.prism-city-cascade-select .search-box,
-.dark-mode.prism-city-cascade-select .hot-cities,
-.dark-mode.prism-city-cascade-select .breadcrumb,
-.dark-mode.prism-city-cascade-select .city-list,
-.dark-mode.prism-city-cascade-select .search-results {
-  background: var(--prism-bg-color-card, #1A1A1A);
-}
-.dark-mode.prism-city-cascade-select .search-input-wrap,
-.dark-mode.prism-city-cascade-select .hot-city-item {
-  background: var(--prism-bg-color-container, #2A2A2A);
-}