微信小程序开发规范文档-WXML类选择器(class)命名规范
【推荐阅读】微服务还能火多久?>>> class选择器命名基本规则 以字母开头,全部字母小写 尽量简短、明确 单个名字如果由多个词组成,单词间以下划线_连接 ... 层级关系以中划线-连接 ... <text class="notice-title"> ... </text> 继承式命名 为了保证我们设计的class样式既能重复利用,又能避免冲突。我们采用继承式来给class样式命名。 每个页面一般都可以分成几个模块,我们把每个模块最外层的class名作为祖先,模块内部的class样式名用祖先名作为前缀,它们以中划线-连接。(通过这种方式来表示class样式的作用域) // home是祖先模块,user和event是home的直接子模块 <view class="home"> <view class="home-user"> // 用户信息 </view> <view class="home-event"> // 动态详情 </view> </view> 在页面结构里,模块内部可以有子模块,子模块下面可以有孙子模块,以此类推。class样式命名也按这个层级。 // home是祖先模块,user和event是home的直接子模块 // user下面又有两个子模块name和signature <view class="home"> <view class="home-user">