微信小程序TDesign中“t-grid--card”选择器的作用是什么?

微信小程序tdesign中“t-grid--card”选择器的作用是什么?

“t-grid--card”选择器在微信小程序TDesign中的疑惑

在微信小程序TDesign UI库中,很多开发者对“t-grid--card”这个CSS选择器感到疑惑。它与DOM结构中元素的class属性“t-grid t-card class t-class”不一致,且命名方式也令人不解。

解决疑惑

这个疑惑可以从以下几个方面解释:

  1. 外部样式类:“t-grid--card”这个选择器并非直接从DOM结构中获取,而是通过小程序开发中的外部样式类传入的,即“class”中的“t-class”。这允许开发者灵活地应用样式,即使DOM结构发生变化。
  2. BEM命名风格:“t-grid--card”确实采用了BEM(块元素修改符)命名风格。然而,在实际项目中,不一定需要严格按照DOM结构增加后缀。团队可以 根据自己的命名规范合理缩减class名称长度,以提高可读性和可维护性。
  3. CSS变量:CSS变量是以“--”开头声明并通过“var()”使用的。与“t-grid--card”选择器无关。

以上就是微信小程序TDesign中“t-grid--card”选择器的作用是什么?的详细内容,更多请关注其它相关文章!