修改tdesign的t-drawer样式

TDesign是一个基于Ant Design UI体系的轻量级UI库，其`t-drawer`组件用于创建抽屉效果，通常用于导航、侧边栏等场景。如果你想修改`t-drawer`的样式，你可以通过CSS来定制。以下是一些基本步骤：

1. 首先，在你的项目中找到包含`t-drawer`样式的CSS文件，它通常位于`@teddy-theme/tdesign/dist`目录下的某个主题样式文件。

2. 使用`:global`选择器覆盖默认的全局样式，如果需要只针对特定元素修改，可以使用类名选择器，比如`.t-drawer`.

示例：

   :global .t-drawer {
     /* 定义新的背景颜色 */
     background-color: #f0f0f0;
     
     /* 改变抽屉宽度 */
     width: 400px;
     
     /* 添加自定义动画 */
     transition: transform 0.3s ease-in-out;
   }
   
   .custom-drawer {
     /* 这里定义你的自定义类 `.custom-drawer` 的样式 */
   }

3. 如果你想让修改只在特定条件下应用，例如折叠状态，可以在CSS中添加媒体查询或JavaScript来检测状态并应用相应样式。

记得保存更改，并在你的HTML中应用新定义的类或使用`!important`（但尽量避免过度使用），如`<t-drawer class="custom-drawer">...</t-drawer>`。