一 大致规范:
1 统一前缀
统一前缀【read】+模块对应的公共字段【article/content……】
页面需修改特定定义的样式规范,在原有元素命名后添加【-channel】等页面特定元素,如频道页面头部有特定样式重置的,class类定义示例:
<div class="mui-header read-header read-header-channel"></div> //仅作为示例,非标准用法
2 模块对应的公共字段
| 模块 | 常设公共字段 |
|---|---|
| 首页 | index |
| 男频/女频 | channel |
| 分类 | classify |
| 排行/榜单 | chart |
| 分类列表 | list |
| 书籍详情 | details |
| 目录 | chapter |
| 最终阅读页 | article |
| 用户中心 | article |
| 搜索 | search |
二 UI公共类:
头部:
.read-header
底部:
.read-footer
主体内容容器:
.read-content
标题:
.read-title.read-h1…….read-h6
搜索:
.read-search
列表及元素:
.read-list.read-list-item
轮播及元素:
.read-slider.read-slider-item
按钮:
.read-btn
