npm - tmui-cli - Versions diffs - 2.0.6 → 5.3.2 - Mend

tmui-cli 2.0.6 → 5.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (630) hide show

package/data/uniappx/css/common/length.md CHANGED Viewed

@@ -19,52 +19,52 @@ CSS 长度数据类型 `<percentage>` 表述一个百分比值。许多 CSS 属
 ### 兼容性
 | 名称 | 兼容性 | 描述 |
 | :- | :- | :- |
-| px | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 |   |
-| rpx | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 |   |
-| em | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rem | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ic | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| in | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| mm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| pc | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| pt | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| q | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rcap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ric | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rlh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
+| px | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 像素，屏幕上最常用的绝对长度单位 |
+| rpx | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 响应式像素，用于某些框架中根据屏幕密度动态缩放的单位 |
 | % | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | app平台仅width、height、padding(-*)、margin(-*)、top、left、right、bottom、flex-basis等属性支持 |
-| fr | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
+| em | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于当前元素字体大小的相对单位 |
+| rem | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素（html）字体大小的相对单位 |
+| cap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 基于字体大写字母高度的排版单位（用于排版相关度量） |
+| ch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 字符宽度单位，通常等于数字 '0' 的宽度 |
+| cm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 厘米，物理长度单位 |
+| cqb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（基于容器块方向的相对度量） |
+| cqh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（基于容器高度的相对度量） |
+| cqi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（基于容器内联尺寸的相对度量） |
+| cqmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位，取容器相关维度的较大值作为参考的单位 |
+| cqmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位，取容器相关维度的较小值作为参考的单位 |
+| cqw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（相对于容器宽度的 1% 单位） |
+| dvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口（dynamic viewport）在 block 方向的相对单位，用于处理视口变化 |
+| dvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口高度单位，表示视口当前高度的百分比 |
+| dvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口 inline 方向单位，表示视口当前 inline 尺寸的百分比 |
+| dvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口宽度单位，表示视口当前宽度的百分比 |
+| ex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | x-height 单位，等于字体中小写字母 x 的高度 |
+| ic | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 表意字符宽度单位，常用于东亚文字排版，等于一个标准表意字符的 advance width |
+| in | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 英寸，物理长度单位（1in = 96px） |
+| lh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 行高单位，等于元素的计算行高（用于与行高相关的度量） |
+| lvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口（large viewport）在 block 方向的相对单位 |
+| lvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口高度单位（large viewport height），表示在大视口下的高度比例 |
+| lvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口 inline 方向单位（large viewport inline size） |
+| lvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口宽度单位（large viewport width），表示在大视口下的宽度比例 |
+| mm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 毫米，物理长度单位 |
+| pc | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 派卡（pica），等于 12pt，印刷排版单位 |
+| pt | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 点（point），等于 1/72 英寸（常用于排版） |
+| q | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 四分之一毫米（0.25mm），印刷常用单位 |
+| rcap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素大写字母高度的单位（root cap） |
+| rch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素字符宽度的单位（root ch） |
+| rex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素 x-height 的单位（root ex） |
+| ric | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素表意字符宽度的单位（root ic） |
+| rlh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素行高的单位（root line-height） |
+| svb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口（small viewport）在 block 方向的相对单位 |
+| svh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口高度单位（small viewport height），表示在小视口下的高度比例 |
+| svi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口 inline 方向单位（small viewport inline size） |
+| svw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口宽度单位（small viewport width），表示在小视口下的宽度比例 |
+| vb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口的 block 方向尺寸单位（viewport block size） |
+| vh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口高度的 1% 单位（viewport height） |
+| vi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口的 inline 方向尺寸单位（viewport inline size） |
+| vmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口宽高中较大那个的 1% 单位 |
+| vmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口宽高中较小那个的 1% 单位 |
+| vw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口宽度的 1% 单位（viewport width） |
+| fr | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 分数单位（fraction），用于网格/布局中表示可用空间的分配比例 |
 ### rpx
 `rpx` 是一个以设备750px为基准的单位，`750rpx`即为屏幕宽度，相当于100%；`375rpx`即为屏幕一半宽度，相当于50%。
@@ -132,47 +132,47 @@ rpx仅适用于需要根据屏幕宽度变化的view或image的宽度width设置
 | 名称 | 兼容性 | 描述 |
 | :- | :- | :- |
-| px | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 |   |
-| rpx | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 |   |
+| px | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 像素，屏幕上最常用的绝对长度单位 |
+| rpx | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 响应式像素，用于某些框架中根据屏幕密度动态缩放的单位 |
 | em | Web 4.0 / 微信小程序 4.41 / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | app平台仅line-height属性支持 |
-| rem | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| cqw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| dvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ic | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| in | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| lvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| mm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| pc | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| pt | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| q | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rcap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| ric | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| rlh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| svw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
-| vw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |   |
+| rem | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素（html）字体大小的相对单位 |
+| cap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 基于字体大写字母高度的排版单位（用于排版相关度量） |
+| ch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 字符宽度单位，通常等于数字 '0' 的宽度 |
+| cm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 厘米，物理长度单位 |
+| cqb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（基于容器块方向的相对度量） |
+| cqh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（基于容器高度的相对度量） |
+| cqi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（基于容器内联尺寸的相对度量） |
+| cqmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位，取容器相关维度的较大值作为参考的单位 |
+| cqmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位，取容器相关维度的较小值作为参考的单位 |
+| cqw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 容器查询相关单位（相对于容器宽度的 1% 单位） |
+| dvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口（dynamic viewport）在 block 方向的相对单位，用于处理视口变化 |
+| dvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口高度单位，表示视口当前高度的百分比 |
+| dvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口 inline 方向单位，表示视口当前 inline 尺寸的百分比 |
+| dvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 动态视口宽度单位，表示视口当前宽度的百分比 |
+| ex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | x-height 单位，等于字体中小写字母 x 的高度 |
+| ic | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 表意字符宽度单位，常用于东亚文字排版，等于一个标准表意字符的 advance width |
+| in | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 英寸，物理长度单位（1in = 96px） |
+| lh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 行高单位，等于元素的计算行高（用于与行高相关的度量） |
+| lvb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口（large viewport）在 block 方向的相对单位 |
+| lvh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口高度单位（large viewport height），表示在大视口下的高度比例 |
+| lvi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口 inline 方向单位（large viewport inline size） |
+| lvw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 大视口宽度单位（large viewport width），表示在大视口下的宽度比例 |
+| mm | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 毫米，物理长度单位 |
+| pc | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 派卡（pica），等于 12pt，印刷排版单位 |
+| pt | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 点（point），等于 1/72 英寸（常用于排版） |
+| q | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 四分之一毫米（0.25mm），印刷常用单位 |
+| rcap | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素大写字母高度的单位（root cap） |
+| rch | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素字符宽度的单位（root ch） |
+| rex | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素 x-height 的单位（root ex） |
+| ric | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素表意字符宽度的单位（root ic） |
+| rlh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于根元素行高的单位（root line-height） |
+| svb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口（small viewport）在 block 方向的相对单位 |
+| svh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口高度单位（small viewport height），表示在小视口下的高度比例 |
+| svi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口 inline 方向单位（small viewport inline size） |
+| svw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 小视口宽度单位（small viewport width），表示在小视口下的宽度比例 |
+| vb | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口的 block 方向尺寸单位（viewport block size） |
+| vh | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口高度的 1% 单位（viewport height） |
+| vi | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口的 inline 方向尺寸单位（viewport inline size） |
+| vmax | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口宽高中较大那个的 1% 单位 |
+| vmin | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口宽高中较小那个的 1% 单位 |
+| vw | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 视口宽度的 1% 单位（viewport width） |

package/data/uniappx/css/common/selector.md CHANGED Viewed

@@ -1,8 +1,11 @@
 # 选择器 @selector
-- web和小程序支持page元素选择器，以替代body元素选择器。
-- web端可以使用`html`、`body`、`:root`等选择器。由于页面的css样式隔离，且html节点并未添加data-xxx属性，`html`、`:root`写在页面style内无效，只能写在App.uvue内。
-- 深度选择器 `:deep()/::v-deep` 用法参考 [单文件 style - 深度选择器](/vue/index#scoped) 文档。
+App平台，支持的选择器比web少。这源于开发进度、性能、运行时体积、AI友好度等多方面考虑。
+支持过多的选择器，会引入复杂的css优先级问题，这会导致性能下降，AI也容易搞错css优先级。\
+简单的class，可能多写几行代码，但对AI来说这不算什么，反而复杂的css权重让AI难以排查问题。
+uni-app x 额外引入了 `page` 选择器，该选择器是小程序规范，uni-app x 中全平台均支持。
 | 名称 | 示例 | Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) | 描述 |
 | :- | :- | :- | :- | :- | :- | :- | :- | :- | :- |
@@ -19,13 +22,25 @@
 | 伪类选择器 | :active {} | 4.0 | x |   | x | x | x | x |  |
 | 伪元素选择器 | ::before {} | 4.0 | x |   | x | x | x | x |  |
-::: warning 注意
-1. 选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量，**当前只支持：CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**。
-2. :active伪类来实现点击态，很容易触发，并且滚动或滑动时点击态不会消失，体验较差。小程序平台均给view组件引入了`hover-class`，考虑到跨端兼容和体验，建议使用 `hover-class` 属性来实现点击态效果。[详见](../../component/view.md#hover-class)
-3. 不推荐使用伪元素来创建不占宽度的边框，W3C标准推荐使用 box-sizing 来控制边框是否占宽度。
-4. 关系类选择器（分组选择器、直接子代选择器、后代选择器、一般兄弟选择器、紧邻兄弟选择），无法在编译期处理，必须运行时动态计算，在App上有额外的性能损耗。推荐尽量使用简单的选择器来解决问题。
+## App平台不支持情况的替代方案
+### 伪类
+- 通过`:active`伪类来实现点击态，很容易触发，并且滚动或滑动时点击态不会消失。小程序平台均给view组件引入了`hover-class`，考虑到跨端兼容和体验，需使用 `hover-class` 属性来实现点击态效果。[详见](../../component/view.md#hover-class)
+- :first-child / :last-child / :nth-child()，需改用动态class方式，示例代码[详见](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/pages/CSS/border/dynamic-border.uvue)
+### 伪元素
+- 字体图标，无法使用`::before`、`::after`等伪元素，而需使用unicode直显方案。[详见](./at-rules.md#iconfont)
+- 不推荐使用伪元素来创建不占宽度的边框，W3C标准推荐使用 box-sizing 来控制边框是否占宽度。
+- `::placeholder`：在input和textarea组件中，替代方案是[placeholder-class](../../component/input.md)。
+- `::selection`：在input和textarea组件中，小程序和App平台可通过cursor-color影响选区颜色；在rich-text组件中，App平台支持selection-handle-color、selection-background-color属性来设置选区样式。
+- `::part`：小程序和App平台不支持web component。仅支持vue组件，可使用[externalClass](./style-isolation.md#external-class)来设置组件中子组件的样式。
-## 示例
+### 关系选择器
+关系类选择器（分组选择器、直接子代选择器、后代选择器、一般兄弟选择器、紧邻兄弟选择），在App平台VDOM模式曾被支持，蒸汽模式暂不支持。
+## App平台是后设生效
+选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量，**当前只支持：CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**。
+示例
 ```vue
 <template>
@@ -51,5 +66,6 @@
 以上代码示例，当我们把 `rowDesc` 变量从 `row-desc1` 变为 `row-desc2` 时，会更新 `text` 节点样式，但是如果把 `docBody` 变量从 `doc-body1` 变为 `doc-body2`，是不会更新 `text` 节点样式的。\
 因为 `doc-body` 不是最后一个选择器，非末尾的选择器变更有可能影响很多 DOM 元素，从而影响到渲染性能。
-::: warning 注意
-App端相邻选择器暂不支持动态新增或删减节点，为了优化性能减少一些重新渲染工作，示例 [https://issues.dcloud.net.cn/pages/issues/detail?id=1452](https://issues.dcloud.net.cn/pages/issues/detail?id=1452)
+## tips
+- web端可以使用`html`、`body`、`:root`等选择器。由于页面的css样式隔离，且html节点并未添加data-xxx属性，`html`、`:root`写在页面style内无效，只能写在App.uvue内。
+- 深度选择器 `:deep()/::v-deep` 用法参考 [单文件 style - 深度选择器](../../vue/README.md#scoped) 文档。

package/data/uniappx/css/direction.md CHANGED Viewed

@@ -44,9 +44,6 @@ direction: ltr | rtl;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view class="demo-box">
@@ -96,9 +93,6 @@ direction: ltr | rtl;
           @confirm="inputChangeDirection"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex-basis.md CHANGED Viewed

@@ -41,9 +41,6 @@ flex-basis: content | <'width'>;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -207,9 +204,6 @@ flex-basis: content | <'width'>;
         </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex-direction.md CHANGED Viewed

@@ -53,9 +53,6 @@ flex-direction: row | row-reverse | column | column-reverse;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -182,9 +179,6 @@ flex-direction: row | row-reverse | column | column-reverse;
         <input-data :defaultValue="data.flexDirection" title="flex-direction 自定义值" type="text" @confirm="inputChangeFlexDirection"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex-flow.md CHANGED Viewed

@@ -50,9 +50,6 @@ flex-flow: <'flex-direction'> || <'flex-wrap'>;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -213,9 +210,6 @@ flex-flow: <'flex-direction'> || <'flex-wrap'>;
           <input-data :defaultValue="data.flexFlow" title="flex-flow 自定义值" type="text" @confirm="inputChangeFlexFlow"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex-grow.md CHANGED Viewed

@@ -33,9 +33,6 @@ flex-grow: <number>;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -207,9 +204,6 @@ flex-grow: <number>;
         </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex-shrink.md CHANGED Viewed

@@ -37,9 +37,6 @@ flex-shrink: <number>;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -202,9 +199,6 @@ flex-shrink: <number>;
         </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex-wrap.md CHANGED Viewed

@@ -48,9 +48,6 @@ flex-wrap: nowrap | wrap | wrap-reverse;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -190,9 +187,6 @@ flex-wrap: nowrap | wrap | wrap-reverse;
           @confirm="inputChangeFlexWrap"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/flex.md CHANGED Viewed

@@ -46,9 +46,6 @@ flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view>
       <view class="head">
         <text class="tip">下面有一个灰色区域，display默认值为flex</text>
@@ -132,9 +129,6 @@ flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];
         </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/font-family.md CHANGED Viewed

@@ -46,9 +46,6 @@ font-family: <family-name>;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view class="uni-padding-wrap">
       <text class="common" style="font-family: monospace">font-family: monospace</text>
@@ -97,9 +94,6 @@ font-family: <family-name>;
       <button type="default" @click="openUniIcon">内置字体图标uni-icon示例</button>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/font-size.md CHANGED Viewed

@@ -22,19 +22,19 @@ font-size: <absolute-size> | <relative-size> | <length-percentage>;
 - length
 ### font-size 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| large | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| larger | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。 |
-| medium | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| small | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| smaller | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。 |
-| x-large | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| x-small | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| xx-large | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| xx-small | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| xxx-large | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 基于用户默认字体大小（medium）的绝对大小关键字。 |
-| math | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 使用特殊的数学缩放规则来确定 font-size 属性的计算值。 |
+| 名称 | 描述 |
+| :- | :- |
+| large | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| larger | 相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。 |
+| medium | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| small | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| smaller | 相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。 |
+| x-large | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| x-small | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| xx-large | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| xx-small | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| xxx-large | 基于用户默认字体大小（medium）的绝对大小关键字。 |
+| math | 使用特殊的数学缩放规则来确定 font-size 属性的计算值。 |
 ### 默认值 @default-value
  | 平台 | 默认值 |
@@ -58,9 +58,6 @@ font-size: <absolute-size> | <relative-size> | <length-percentage>;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view class="demo-box">
@@ -108,9 +105,6 @@ font-size: <absolute-size> | <relative-size> | <length-percentage>;
           <input-data :defaultValue="data.fontSizeProp" title="font-size 自定义值" type="text" @confirm="inputChangeFontSize"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/font-style.md CHANGED Viewed

@@ -45,9 +45,6 @@ font-style: normal | italic | oblique <angle>{0,2};
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view class="demo-box">
@@ -93,9 +90,6 @@ font-style: normal | italic | oblique <angle>{0,2};
           <input-data :defaultValue="data.fontStyle" title="font-style 自定义值" type="text" @confirm="inputChangeFontStyle"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/font-weight.md CHANGED Viewed

@@ -56,9 +56,6 @@ font-weight: <font-weight-absolute>{1,2};
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view class="demo-box">
@@ -122,9 +119,6 @@ font-weight: <font-weight-absolute>{1,2};
           <input-data :defaultValue="data.fontWeight" title="font-weight 自定义值" type="text" @confirm="inputChangeFontWeight"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/height.md CHANGED Viewed

@@ -45,10 +45,7 @@ height: <viewport-length>{1,2};
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-    <view class="css-page uni-theme-root" style="flex-grow: 1;">
+    <view class="css-page" style="flex-grow: 1;">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
         <text class="theme-label">height: 100px</text>
@@ -58,7 +55,7 @@ height: <viewport-length>{1,2};
         </view>
       </view>
-      <view >
+      <view>
         <text class="theme-label">height: 50%</text>
         <view class="demo-box" style="height: 100px;">
           <view class="common" style="height: 50%;"></view>
@@ -167,9 +164,6 @@ height: <viewport-length>{1,2};
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/justify-content.md CHANGED Viewed

@@ -56,9 +56,6 @@ justify-content: normal | <content-distribution> | <overflow-position>? [ <conte
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -218,9 +215,6 @@ justify-content: normal | <content-distribution> | <overflow-position>? [ <conte
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/left.md CHANGED Viewed

@@ -39,10 +39,7 @@ left: <length> | <percentage> | auto;
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-    <view class="css-page uni-theme-root" style="flex-grow: 1;">
+    <view class="css-page" style="flex-grow: 1;">
       <view class="uni-common-mb">
         <text class="uni-title-text">left: 20px (距离左边 20px) - 右侧：拍平</text>
         <view class="test-container">
@@ -193,9 +190,6 @@ left: <length> | <percentage> | auto;
       </view>
     </view>
-  </scroll-view>
 </template>