当前位置: 首页 > 知识库问答 >
问题:

前端 - 微信小程序TDesign UI库中这个CSS 选择器让我很疑惑?

禹正阳
2023-08-11

image.png
如图,DOM结构中,元素class 是 't-grid t-card class t-class',但是选择器是 '.t-grid--card'
这怎么生效的?这个写法也让我疑惑,像BEM命名又像是CSS变量,但好像都不是。
希望有大佬解惑。

共有1个答案

闻人博
2023-08-11
  • .t-grid--card 是通过小程序开发中的外部样式类传入,也就是 class 中的 t-class

  • 然后这确实是 BEM 命名风格,在实际项目中使用 BEM 命名时不一定需要严格按照 dom 结构增加后缀,可以根据团队的命名规范合理缩减 class 名称长度

  • CSS 变量是以 -- 开头声明并且通过 var() 使用
 类似资料:
  • 本文向大家介绍微信小程序仿美团城市选择,包括了微信小程序仿美团城市选择的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了微信小程序城市选择器,供大家参考,具体内容如下 代码很简单. demo下载地址 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍微信小程序实现城市列表选择,包括了微信小程序实现城市列表选择的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了小程序实现城市列表选择的具体代码,供大家参考,具体内容如下 实现效果预览   实现功能简介 城市的选择 按中文/拼音/首字母条件搜索 按首字字母快速定位到城市位置 目录结构 主要代码 app.js app.json index.wxml index.js inde

  • image标签外层为什么要包裹block,不可以直接写成如下代码吗? 包裹block是出于什么考虑呀?

  • @megalo/target 的 platform 设置成 wechat,mini-css-extract-plugin 提取文件后缀改成微信小程序的 wxss。 const createMegaloTarget = require( '@megalo/target' ) const compiler = require( '@megalo/template-compiler' ) const M

  • 1、第三方应用授权对接 ​ 之前对接小程序只提供了开发者授权的方式,这种方式的弊端是,如果客户同时对接了其他的系统,会产生access token冲突,导致消息发不过来。因此新增第三方平台授权的方式,客户可以在智齿后台直接扫二维码授权对接。流程如下: 1.1、选择授权方式,进入配置页 点击绑定小程序时选择授权方式,默认推荐第三方平台授权: 点击确定进入配置页: 1.2、扫描授权二维码 点击“微信公

  • 微信小程序配置 1.微信小程序使用流程 具体配置参考相关教程 uni-app编译版参考教程 uni-app编译版 uni-app开源版参考教程 uni-app开源版 2.微信小程序下载 打开后台-小程序-微信小程序-小程序源码下载,注:针对已购买小程序的客户,可选"编译版""开源版""更新包" 3.微信小程序装修 1.首页导航: (导航能够有效帮助粉丝跳转到各个关键页面,是整个店铺的“指南针”。)