移动端页面重构规范

1 滚动区域

为滚动区域添加以下代码：

-webkit-overflow-scrolling:touch;

2 wrapper 做根节点

3 className命名

https://guide.aotu.io/docs/name/classname.html

4 z-index 取值

z-index最大值不得超过700。

z-index取值范围：

• 普通元素：0～100
• floating/吸顶/吸底：101～200
• 弹窗：201～300
• loading/分享蒙层：301～400
• 其它：401 ~ 700

5 文本溢出处理

对有行数限制的文本要做文本溢出处理: text-overflow: ellipsis。

6 文本占位

商品列表中所有的文本节点都必须指定 height 值，确保空内容节点仍然占位

更新: 2019-06-10 17:43:38
原文: https://www.yuque.com/u3641/dxlfpu/rv3pab