提交 b0964dab 编写于 作者: W wanganxp

x

上级 7ae3f77d
...@@ -60,6 +60,8 @@ ...@@ -60,6 +60,8 @@
<!-- UTSAPIJSON.showActionSheet.param --> <!-- UTSAPIJSON.showActionSheet.param -->
itemList,即actionsheet的列表项,在app和小程序上最多6项,超出会报错。在web上超出不报错,列表区变为可滚动。
<!-- UTSAPIJSON.showActionSheet.returnValue --> <!-- UTSAPIJSON.showActionSheet.returnValue -->
<!-- UTSAPIJSON.showActionSheet.example --> <!-- UTSAPIJSON.showActionSheet.example -->
...@@ -75,4 +77,4 @@ ...@@ -75,4 +77,4 @@
<!-- UTSAPIJSON.general_type.param --> <!-- UTSAPIJSON.general_type.param -->
## Bug & Tips@tips ## Bug & Tips@tips
- 在页面生命周期 onLoad 中调用以上弹窗 API 可能无法正常显示,暂时建议在页面生命周期 onReady 及之后再调用。此bug已于HBuilderX 3.97+修复 - 目前web和App的弹窗UI风格不统一,后续会修复
\ No newline at end of file
...@@ -215,19 +215,19 @@ App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱 ...@@ -215,19 +215,19 @@ App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱
|Inline 布局 |× | | |Inline 布局 |× | |
|Inline-Block 布局 |× | | |Inline-Block 布局 |× | |
|Block 布局 |× | | |Block 布局 |× | |
|字体 |√ |支持ttf、otf,不支持woff和woff2和可变字体 | |字体 |√ |[详见](font-family.md) |
|Positioned 布局 |√ | | |Positioned 布局 |√ | |
|CSS Animation |x | | |CSS Animation |x | |
|CSS Transition |√ | | |CSS Transition |√ | |
|CSS Variable |× | | |CSS Variable |× | |
|媒体查询 |× | | |媒体查询 |× | |
字体图标[详见](font-family.md)
## 选择器 @selector ## 选择器 @selector
<!-- CSSJSON.selector_values.compatibility --> <!-- CSSJSON.selector_values.compatibility -->
web和小程序支持page元素选择器,以替代body元素选择器。
注意,选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量,**当前只支持:CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新** 注意,选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量,**当前只支持:CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**
```ts ```ts
...@@ -280,7 +280,7 @@ rpx是一个以设备750px为基准的单位,750rpx即为屏幕宽度,375rpx ...@@ -280,7 +280,7 @@ rpx是一个以设备750px为基准的单位,750rpx即为屏幕宽度,375rpx
实际项目中为了更好的在各端兼容,推荐使用长度 `<length>` 时指定明确单位 实际项目中为了更好的在各端兼容,推荐使用长度 `<length>` 时指定明确单位
- 单位精度问题 - 单位精度问题
px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像素。当产生浮点数时,由于精度保留策略的不同,在web和app可能造成细微的误差。 px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像素。当产生浮点数时,由于精度保留策略的不同,在不同浏览器和手机OS,可能造成细微的误差。
尤其是浏览器对于小数点的px兼容不够好,比如0.5px很难正常显示。 尤其是浏览器对于小数点的px兼容不够好,比如0.5px很难正常显示。
...@@ -365,10 +365,6 @@ uni-app x 4.0起 提供内置 CSS 变量。之前版本如有获取状态栏高 ...@@ -365,10 +365,6 @@ uni-app x 4.0起 提供内置 CSS 变量。之前版本如有获取状态栏高
Tips: Tips:
- 字体路径支持网络和本地,本地字体请注意放在项目或uni_modules的static目录下。 - 字体路径支持网络和本地,本地字体请注意放在项目或uni_modules的static目录下。
<!-- CSSJSON.readmeTable.name -->
<!-- CSSJSON.readmeTable.compatibility -->
## 样式作用范围 ## 样式作用范围
`uni-app x` 中,不支持 `css scoped`,样式的作用范围遵循以下规则: `uni-app x` 中,不支持 `css scoped`,样式的作用范围遵循以下规则:
...@@ -381,6 +377,10 @@ Tips: ...@@ -381,6 +377,10 @@ Tips:
`uni-app-x` App端无页面滚动,且其根节点高度为从导航栏底部到tabBar顶部。如果在页面根节点的子元素使用`position: absolute;`,页面内部scroll-view滚动时不会改变此元素位置。其他端有页面滚动,如果在页面根节点的子元素使用`position: absolute;`页面滚动会改变此元素的位置。如果有不随页面滚动变化位置的需求建议使用`position: fixed`。注意web端需要使用[css变量](#variable)使元素不覆盖在navigationBar和tabBar上。 `uni-app-x` App端无页面滚动,且其根节点高度为从导航栏底部到tabBar顶部。如果在页面根节点的子元素使用`position: absolute;`,页面内部scroll-view滚动时不会改变此元素位置。其他端有页面滚动,如果在页面根节点的子元素使用`position: absolute;`页面滚动会改变此元素的位置。如果有不随页面滚动变化位置的需求建议使用`position: fixed`。注意web端需要使用[css变量](#variable)使元素不覆盖在navigationBar和tabBar上。
<!-- CSSJSON.readmeTable.name -->
<!-- CSSJSON.readmeTable.compatibility -->
## Bug ## Bug
css相关bug[详见](https://issues.dcloud.net.cn/?mid=css) css相关bug[详见](https://issues.dcloud.net.cn/?mid=css)
...@@ -13,11 +13,14 @@ ...@@ -13,11 +13,14 @@
<!-- CSSJSON.font-family.compatibility --> <!-- CSSJSON.font-family.compatibility -->
#### App平台差异 ### 字体格式
- app-android 支持ttf和otf字体。不支持woff和woff2和可变字体
- web支持的字体取决于浏览器,详见mdn或caniuse
### App平台差异
- font-family 样式不支持继承 - font-family 样式不支持继承
#### 字体图标 ### 字体图标
支持ttf和otf字体图标。
- 可在css里直接加载,[参考](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/CSS/text/font-family.uvue) - 可在css里直接加载,[参考](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/CSS/text/font-family.uvue)
- 也可以使用API [uni.loadFontface](../api/load-font-face.md) - 也可以使用API [uni.loadFontface](../api/load-font-face.md)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册