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

本文主要是介绍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变量赋值即可

背景色自定义前

背景色自定义后

这篇关于TDesign组件库 小程序组件怎么自定义CSS样式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！