TDesign组件库 小程序组件怎么自定义CSS样式

不知道有没有人跟我有同样的疑问，看了几遍文档后我懂了

Html代码

  <t-search  class="searchBox" model:value="{{searchVal}}" placeholder="请输入要查询的商品名称" />

CSS代码

  .searchBox {
    width: 568rpx;
    margin-left: 16rpx;
    border-radius: 34rpx;
    --td-search-bg-color: #000;
  }

参考文档及代码

页面引入对应的class,css中直接使用给出的css变量赋值即可

背景色自定义前

背景色自定义后