编程语言
首页 > 编程语言> > 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,组件,CSS
来源: https://www.cnblogs.com/zy666-blog/p/16636996.html