From cf693a5227f17bbf2201512128d267281a8c5695 Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期二, 13 八月 2024 23:49:20 +0800
Subject: [PATCH] 设备信息模块

---
 miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxss |   44 ++++++++++++++++++++------------------------
 1 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxss b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxss
index 72a758b..5845aa2 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxss
@@ -28,49 +28,45 @@
 .t-cascader {
   display: flex;
   flex-direction: column;
-  background-color: #fff;
-  color: var(--td-cascader-title-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  border-radius: 24rpx 24rpx 0 0;
+  background-color: var(--td-cascader-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
+  color: var(--td-cascader-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
+  border-radius: var(--td-radius-extra-large, 24rpx) var(--td-radius-extra-large, 24rpx) 0 0;
   --td-radio-icon-checked-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
   --td-tab-item-active-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
   --td-tab-track-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
 }
 .t-cascader__close-btn {
-  right: 16px;
-  top: 12px;
+  right: 32rpx;
+  top: 24rpx;
   position: absolute;
 }
 .t-cascader__title {
   position: relative;
   font-weight: 700;
   text-align: center;
-  line-height: 48px;
+  line-height: var(--td-cascader-title-height, 26rpx);
+  padding: var(--td-cascader-title-padding, var(--td-spacer-2, 32rpx));
   font-size: var(--td-cascder-title-font-size, 36rpx);
 }
 .t-cascader__content {
   width: 100%;
-  flex: 1;
+  height: var(--td-cascader-content-height, 78vh);
   display: flex;
   flex-direction: column;
 }
 .t-cascader__options {
   width: 100vw;
-  height: var(--td-cascader-options-height, 640rpx);
 }
 .t-cascader__options-title {
-  margin-top: 40rpx;
-  color: var(--td-cascader-options-title-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  font-size: 28rpx;
+  color: var(--td-cascader-options-title-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
+  font-size: var(--td-font-size-base, 28rpx);
   line-height: 44rpx;
-  padding-left: 16px;
-}
-.t-cascader__options-content {
-  flex: 1;
-  height: 100%;
-  overflow: auto;
-  padding-left: 16px;
+  padding-top: 40rpx;
+  padding-left: var(--td-spacer-2, 32rpx);
+  box-sizing: border-box;
 }
 .t-cascader__options-container {
+  flex: 1;
   display: flex;
   transition: all ease 0.3s;
 }
@@ -91,7 +87,7 @@
   bottom: 0;
   left: unset;
   right: unset;
-  background-color: var(--td-cascader-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7)));
+  background-color: var(--td-cascader-border-color, var(--td-component-stroke, var(--td-gray-color-3, #e7e7e7)));
 }
 .t-cascader__steps::after {
   height: 1px;
@@ -104,7 +100,7 @@
   width: var(--td-cascader-step-dot-size, 16rpx);
   height: var(--td-cascader-step-dot-size, 16rpx);
   border-radius: 50%;
-  border: 1px solid var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
+  border: 2rpx solid var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
   box-sizing: border-box;
 }
 .t-cascader__step-dot:not(.t-cascader__step-dot--last)::after {
@@ -114,7 +110,7 @@
   left: 50%;
   top: calc(var(--td-cascader-step-dot-size, 16rpx) + 14rpx);
   height: 36rpx;
-  width: 1px;
+  width: 2rpx;
   background: var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
   transform: translateX(-50%);
 }
@@ -123,14 +119,14 @@
   border-color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
 }
 .t-cascader__step-label {
-  padding-left: 16px;
-  font-size: 16px;
+  padding-left: var(--td-spacer-2, 32rpx);
+  font-size: var(--td-font-size-m, 32rpx);
 }
 .t-cascader__step-label--active {
   color: var(--td-cascader-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
   font-weight: 600;
 }
 .t-cascader__step-arrow {
-  color: var(--td-cascader-step-arrow-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
+  color: var(--td-cascader-step-arrow-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
   margin-left: auto;
 }

--
Gitblit v1.9.3