npm - tmui-cli - Versions diffs - 2.0.5 → 5.3.1 - Mend

tmui-cli 2.0.5 → 5.3.1

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 (777) hide show

package/data/uniappx/css/pointer-events.md CHANGED Viewed

@@ -39,40 +39,34 @@ pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | vis
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-    <view class="pointer-page uni-theme-root">
+    <view class="pointer-page">
       <page-intro content="本页演示 pointer-events：通过开关控制父 view、遮罩层、text、image 的 pointer-events（auto/none），观察点击是否穿透或响应；点击可修改 view/text/image 宽度，用于验证事件是否命中目标。"></page-intro>
-      <boolean-data :defaultValue="true" title="控制父视图pointer-events打开时可以点击"
+      <boolean-data :value="true" title="控制父视图pointer-events打开时可以点击"
         @change="onChange1"></boolean-data>
       <view class="container" :style="{ 'pointer-events': pointerEvents1 }">
         <text class="text">点击修改宽度</text>
         <view class="base-style transition-width" id="widthOrHeight" @click="changeWidthOrHeight"></view>
       </view>
-      <boolean-data :defaultValue="true" title="控制遮罩层pointer-events关闭时可以点击"
+      <boolean-data :value="true" title="控制遮罩层pointer-events关闭时可以点击"
         @change="onChange2"></boolean-data>
       <view class="container">
         <text class="text">点击修改宽度(递增)</text>
         <view class="width-progress transition-width" id="widthProgress" @click="changeWidthProgress"></view>
         <view class="mask" :style="{ 'pointer-events': pointerEvents2 }"></view>
       </view>
-      <boolean-data :defaultValue="true" title="控制text组件pointer-events打开时可以点击"
+      <boolean-data :value="true" title="控制text组件pointer-events打开时可以点击"
         @change="onChange3"></boolean-data>
       <view class="container" :style="{ 'pointer-events': pointerEvents3 }">
         <text class="text">点击修改宽度</text>
         <text class="text-pointer transition-width" id="textPointer" @click="changeTextWidth">测试文本</text>
       </view>
-      <boolean-data :defaultValue="true" title="控制image组件pointer-events打开时可以点击"
+      <boolean-data :value="true" title="控制image组件pointer-events打开时可以点击"
         @change="onChange4"></boolean-data>
       <view class="container" :style="{ 'pointer-events': pointerEvents4 }">
         <text class="text">点击修改宽度</text>
         <image class="image-pointer transition-width" id="imagePointer" @click="changeImageWidth" src="/static/test-image/logo.png"></image>
       </view>
     </view>
-  </scroll-view>
 </template>

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

@@ -46,9 +46,6 @@ position: static | relative | absolute | sticky | fixed;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <view class="common-box">
         <view>
@@ -254,11 +251,7 @@ position: static | relative | absolute | sticky | fixed;
         </view>
       </view>
-    </view>
-  </scroll-view>
+    </view>
 </template>
@@ -427,15 +420,11 @@ position: fixed定位时，web端为相对于整个浏览器页面进行定位
   height: 100px;
   background-color: #FF0000;
   left: 10px;
-  /* #ifdef WEB */
   /*
-   * HBuilderX 4.52之前只能使用--window-top，不可使用--uni-safe-area-inset-top
+   * HBuilder 4.52之前只能使用--window-top，不可使用--uni-safe-area-inset-top
+	 * App平台需5.31+蒸汽模式才能使用calc
    */
   top: calc(--uni-safe-area-inset-top + 10px);
-  /* #endif */
-  /* #ifdef APP */
-  top: 10px;  /* App端暂不支持calc */
-  /* #endif */
 }
 ```

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

@@ -39,10 +39,7 @@ right: <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">right: 20px (距离右边 20px) - 右侧：拍平</text>
         <view class="test-container">
@@ -193,9 +190,6 @@ right: <length> | <percentage> | auto;
       </view>
     </view>
-  </scroll-view>
 </template>

package/data/uniappx/css/text-decoration-line.md CHANGED Viewed

@@ -45,9 +45,6 @@ text-decoration-line: none | [ underline || overline || line-through || blink ]
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <view class="content">
         <text style="text-decoration-line: underline;">text-decoration-line: underline 下划线 底部易重叠字符：,.9pQqyzgj;\{}[]</text>
@@ -100,9 +97,6 @@ text-decoration-line: none | [ underline || overline || line-through || blink ]
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/text-decoration.md CHANGED Viewed

@@ -24,21 +24,21 @@ text-decoration: <'text-decoration-line'> || <'text-decoration-style'> || <'text
 - length
 ### text-decoration 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| dashed | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 虚线。 |
-| dotted | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 点划线。 |
-| double | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 双实线。 |
-| line-through | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 贯穿文本中间的线。 |
-| none | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 不画线。 |
-| overline | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 在文本的上方的线。 |
-| solid | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 实线。 |
-| underline | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 下滑线。 |
-| wavy | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 波浪线。 |
-| text-decoration-line | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 设置使用的装饰类型，例如 underline 或者 line-through。 |
-| text-decoration-color | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 设置装饰的颜色。 |
-| text-decoration-style | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 设置装饰的线条的颜色，例如 solid、wavy 或者 dashed。 |
-| text-decoration-thickness | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 设置用于装饰的线条粗细。 |
+| 名称 | 描述 |
+| :- | :- |
+| dashed | 虚线。 |
+| dotted | 点划线。 |
+| double | 双实线。 |
+| line-through | 贯穿文本中间的线。 |
+| none | 不画线。 |
+| overline | 在文本的上方的线。 |
+| solid | 实线。 |
+| underline | 下滑线。 |
+| wavy | 波浪线。 |
+| text-decoration-line | 设置使用的装饰类型，例如 underline 或者 line-through。 |
+| text-decoration-color | 设置装饰的颜色。 |
+| text-decoration-style | 设置装饰的线条的颜色，例如 solid、wavy 或者 dashed。 |
+| text-decoration-thickness | 设置用于装饰的线条粗细。 |
 ### 适用组件 @unix-tags
  - text

package/data/uniappx/css/text-overflow.md CHANGED Viewed

@@ -43,9 +43,6 @@ text-overflow: [ clip | ellipsis | <string> ]{1,2};
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <view style="padding: 0 10px; background-color: gray;justify-content: center;">
         <view class="margin-bottom-10">
@@ -130,9 +127,6 @@ text-overflow: [ clip | ellipsis | <string> ]{1,2};
         </view>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/text-shadow.md CHANGED Viewed

@@ -45,9 +45,6 @@ text-shadow: none | [ <color>? && <length>{2,3} ]#;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view class="container">
       <text class="text" style="text-shadow: 1px 1px 2px pink;">text-shadow: 1px 1px 2px pink</text>
@@ -102,9 +99,6 @@ text-shadow: none | [ <color>? && <length>{2,3} ]#;
         <input-data :defaultValue="data.textShadow" title="text-shadow 自定义值" type="text" @confirm="inputChangeTextShadow"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

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

@@ -39,10 +39,7 @@ top: <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">top: 20px (距离顶部 20px) - 右侧：拍平</text>
         <view class="test-container">
@@ -191,9 +188,6 @@ top: <length> | <percentage> | auto;
       </view>
     </view>
-  </scroll-view>
 </template>

package/data/uniappx/css/transform-origin.md CHANGED Viewed

@@ -49,9 +49,6 @@ transform-origin: [ <length-percentage> | left | center | right | top | bottom ]
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view>
       <view ref="transformView" class="view" @click="changetransform"></view>
@@ -160,9 +157,6 @@ transform-origin: [ <length-percentage> | left | center | right | top | bottom ]
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/transition-delay.md CHANGED Viewed

@@ -11,7 +11,7 @@ CSS 的transition-delay属性规定了在过渡效果开始作用之前需要等
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.21 | 5.11 | x |
 ### 语法
 ```
@@ -40,9 +40,6 @@ transition-delay: <time>#;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view>
       <text class="uni-title-text">view 组件 transition-delay：1s</text>
       <view :class="classValue"></view>
@@ -123,9 +120,6 @@ transition-delay: <time>#;
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/transition-duration.md CHANGED Viewed

@@ -11,7 +11,7 @@ transition-duration 属性以秒或毫秒为单位指定过渡动画所需的时
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.21 | 5.11 | x |
 ### 语法
 ```
@@ -33,9 +33,6 @@ transition-duration: <time>#;
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view>
       <text class="uni-title-text">view 组件 transition-duration：2s </text>
       <view :class="classValue"></view>
@@ -44,6 +41,13 @@ transition-duration: <time>#;
         <button class="button-item" @click="reset">reset</button>
       </view>
+      <text class="uni-title-text uni-common-mt">transition 简写 duration：500ms</text>
+      <view ref="durationOnlyRef" :class="durationOnlyClass" style="transition: 500ms;"></view>
+      <view class="button-container">
+        <button class="button-item" @click="durationOnlyStart">duration start</button>
+        <button class="button-item" @click="durationOnlyReset">duration reset</button>
+      </view>
       <text class="uni-title-text uni-common-mt">text 组件 transition-duration: 2s</text>
       <text :class="textClassValue">transition-duration: 2s</text>
       <view class="button-container">
@@ -147,9 +151,6 @@ transition-duration: <time>#;
     </view>
-  </scroll-view>
 </template>
 <style>
@@ -164,6 +165,10 @@ transition-duration: <time>#;
     width: 300px;
   }
+  .duration-only-ani {
+    width: 300px;
+  }
   .text-box {
     width: 200px;
     height: 60px;

package/data/uniappx/css/transition-property.md CHANGED Viewed

@@ -11,7 +11,7 @@ transition-property 指定应用过渡属性的名称。
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.21 | 5.11 | x |
 ### 语法
 ```

package/data/uniappx/css/transition-timing-function.md CHANGED Viewed

@@ -11,7 +11,7 @@ CSS 属性受到 transition effect的影响，会产生不断变化的中间值
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.21 | 5.11 | x |
 ### 语法
 ```
@@ -46,9 +46,6 @@ App平台不支持指定多个过渡效果。
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view>
       <text class="uni-title-text uni-common-mt">view 组件 transition-timing-function：linear</text>
       <view :class="classValue"></view>
@@ -129,9 +126,6 @@ App平台不支持指定多个过渡效果。
     </view>
-  </scroll-view>
 </template>
 <style>

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

@@ -11,7 +11,7 @@ transition CSS 属性是 transition-property、transition-duration、transition-
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.21 | 5.11 | x |
 ### 语法
 ```
@@ -42,10 +42,7 @@ transition暂不支持结束属性值为百分比。
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-  <view class="transition-page uni-theme-root">
+  <view class="transition-page">
     <view class="container">
       <text class="text">点击修改宽度</text>
       <view class="base-style transition-width" id="widthOrHeight" @click="changeWidthOrHeight"></view>
@@ -218,6 +215,7 @@ transition暂不支持结束属性值为百分比。
       <view class="base-style transition-border-background" id="borderAndBackgroundColor" @click="changeBorderAndBackgroundColor"></view>
     </view>
     <text class="uni-title-text uni-common-mt">scroll-view 组件</text>
     <text class="text">点击 scroll-view 查看 transition 效果</text>
@@ -229,6 +227,7 @@ transition暂不支持结束属性值为百分比。
         <text class="colored-box-text">transition: width 2s ease-in-out</text>
       </scroll-view>
     </view>
     <view class="uni-common-mt">
       <text class="uni-title-text">setProperty 设置与 getPropertyValue 获取</text>
@@ -319,9 +318,6 @@ transition暂不支持结束属性值为百分比。
 			</navigator>
 		</view>
   </view>
-  </scroll-view>
 </template>
 <style>

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

@@ -42,10 +42,7 @@ visibility: visible | hidden | collapse;
 >示例
 ```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">visibility: {{data.visibility}} ，说明：点击切换</text>
       <view class="demo-box">
         <view @click="changeVisibility">
@@ -134,9 +131,6 @@ visibility: visible | hidden | collapse;
       </view>
     </view>
-  </scroll-view>
 </template>

package/data/uniappx/css/white-space.md CHANGED Viewed

@@ -82,9 +82,6 @@ app平台、web平台调整了 white-space 属性的实现。之前接近小程
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1;">
       <scroll-view style="padding: 10px 0px; background-color: gray;justify-content: center;" direction="horizontal">
         <text class="text" :style="{ whiteSpace: data.whiteSpace }">{{data.multiLineText}}</text>
@@ -128,9 +125,6 @@ app平台、web平台调整了 white-space 属性的实现。之前接近小程
         </view>
       </scroll-view>
     </view>
-  </scroll-view>
 </template>
 <style>

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

@@ -45,10 +45,7 @@ width: <viewport-length>{1,2};
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-  <view class="uni-theme-root" style="flex-grow: 1;">
+  <view style="flex-grow: 1;">
     <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
     <view>
       <text>width: 100px</text>
@@ -229,9 +226,6 @@ width: <viewport-length>{1,2};
     </view>
   </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/word-break.md ADDED Viewed

@@ -0,0 +1,151 @@
+## word-break
+word-break 属性指定文本在内容框内溢出时的断行规则。
+### uni-app x 兼容性
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
+### App平台拍平（flatten）兼容性  @flatten_compatibility
+| Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
+| :- | :- | :- |
+| 5.31 | 5.31 | 5.31 |
+### 语法
+```
+word-break: normal | break-all | keep-all | break-word;
+```
+### word-break 的属性值
+| 名称 | 兼容性 | 描述 |
+| :- | :- | :- |
+| normal | Web 4.0 / Android(VDOM) x / Android(Vapor) 5.31 / iOS(VDOM) x / iOS(Vapor) 5.31 / HarmonyOS(VDOM) x / HarmonyOS(Vapor) 5.31（部分支持，见上） | 使用默认的断行规则。 |
+| break-all | Web 4.0 / Android(VDOM) x / Android(Vapor) 5.31 / iOS(VDOM) x / iOS(Vapor) 5.31 / HarmonyOS(VDOM) x / HarmonyOS(Vapor) 5.31（部分支持，见上） | 对于非中日韩文本，可在任意字符间断行。 |
+### 默认值 @default-value
+ | 平台 | 默认值 |
+| :- | :- |
+| uvue-app | normal |
+| uvue-web | normal |
+ **注意**：W3C 默认值为：normal
+### 适用组件 @unix-tags
+ - text
+### 示例
+ 示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/CSS/text/word-break.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/CSS/text/word-break.uvue)
+::: preview https://hellouniappx.dcloud.net.cn/web/#/pages/CSS/text/word-break
+> appRedirect https://hellouniappx.dcloud.net.cn/appredirect.html?path=pages/CSS/text/word-break
+>示例
+```vue
+<template>
+  <scroll-view style="flex: 1">
+    <view style="flex-grow: 1;">
+      <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
+      <view class="demo-box">
+        <view class="demo-column">
+          <text class="uni-info">word-break: normal</text>
+          <text class="demo-text" style="word-break: normal;">hello uni-app x word-break example</text>
+          <text class="uni-info uni-common-mt">word-break: break-all</text>
+          <text class="demo-text" style="word-break: break-all;">hello uni-app x word-break example</text>
+        </view>
+        <view class="demo-column">
+          <text class="uni-info">word-break: normal</text>
+          <text class="demo-text" style="word-break: normal;" flatten>hello uni-app x word-break example</text>
+          <text class="uni-info uni-common-mt">word-break: break-all</text>
+          <text class="demo-text" style="word-break: break-all;" flatten>hello uni-app x word-break example</text>
+        </view>
+      </view>
+      <view class="uni-common-mt">
+        <text class="uni-title-text">setProperty 设置与 getPropertyValue 获取</text>
+      </view>
+      <view class="common-box">
+        <view class="uni-common-mt">
+          <text class="uni-title-text">word-break</text>
+          <text class="uni-info">设置值: {{data.wordBreak}}</text>
+          <text class="uni-info">获取值: {{data.wordBreakActual}}</text>
+          <view class="test-box">
+            <text ref="textRef" class="test-text" :style="{ wordBreak: data.wordBreak }">hello uni-app x word-break example</text>
+          </view>
+        </view>
+        <view class="uni-common-mt">
+          <text class="uni-title-text">拍平</text>
+          <text class="uni-info">设置值: {{data.wordBreak}}</text>
+          <text class="uni-info">获取值: {{data.wordBreakActualFlat}}</text>
+          <view class="test-box">
+            <text ref="textRefFlat" class="test-text" :style="{ wordBreak: data.wordBreak }" flatten>hello uni-app x word-break example</text>
+          </view>
+        </view>
+      </view>
+      <view class="uni-common-mt uni-common-mb">
+        <text class="uni-tips">第一个枚举值，'' (空字符串) - 空值情况</text>
+        <enum-data :items="wordBreakEnum" title="word-break 枚举值" @change="radioChangeWordBreak"
+          :compact="true"></enum-data>
+        <input-data :defaultValue="data.wordBreak" title="word-break 自定义值" type="text"
+          @confirm="inputChangeWordBreak"></input-data>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+<style>
+  .demo-box {
+    flex-direction: row;
+    margin-top: 10px;
+  }
+  .demo-column {
+    flex: 1;
+    min-width: 0;
+    height: 240px;
+    padding: 10px;
+    background-color: gray;
+  }
+  .demo-text {
+    width: 140px;
+    height: 70px;
+    font-size: 18px;
+    background-color: lightgray;
+  }
+  .common-box {
+    flex-direction: row;
+    justify-content: space-around;
+  }
+  .test-box {
+    width: 180px;
+    height: 110px;
+    padding: 10px;
+    background-color: gray;
+    justify-content: center;
+  }
+  .test-text {
+    width: 140px;
+    font-size: 18px;
+    background-color: lightgray;
+  }
+</style>
+```
+### 参见
+- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/word-break)
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text.word-break)

package/data/uniappx/css/z-index.md CHANGED Viewed

@@ -46,9 +46,9 @@ z-index: auto | <integer>;
 - integer
 ### z-index 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| auto | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 盒子不会创建一个新的局部层叠上下文。盒子在当前层叠上下文的层叠等级是 0。 |
+| 名称 | 描述 |
+| :- | :- |
+| auto | 盒子不会创建一个新的局部层叠上下文。盒子在当前层叠上下文的层叠等级是 0。 |
 ### 默认值 @default-value
  | 平台 | 默认值 |
@@ -67,10 +67,7 @@ z-index: auto | <integer>;
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-  <view class="z-index-page uni-theme-root">
+  <view class="z-index-page">
     <view style="flex-grow: 1;">
       <view style="position:absolute;z-index:0;">
         <view class="common fixed default">
@@ -185,9 +182,6 @@ z-index: auto | <integer>;
     </view>
   </view>
-  </scroll-view>
 </template>