首页 > 编程语言 >TDesign组件库 小程序组件怎么自定义CSS样式

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

时间:2022-08-29 18:44:18浏览次数:55  
标签:TDesign 自定义 背景色 css 组件 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
From: https://www.cnblogs.com/zy666-blog/p/16636996.html

相关文章