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

不知道有没有人跟我有同样的疑问,看了几遍文档后我懂了
TDesign组件库 小程序组件怎么自定义CSS样式_第1张图片
TDesign组件库 小程序组件怎么自定义CSS样式_第2张图片

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变量赋值即可

背景色自定义前

在这里插入图片描述

背景色自定义后
在这里插入图片描述

你可能感兴趣的:(前端,笔记,css,tdesign,小程序)