From b0964dabc0914c79cd556af8a1fc51e9fd834f70 Mon Sep 17 00:00:00 2001 From: wanganxp Date: Sat, 27 Jan 2024 06:43:43 +0800 Subject: [PATCH] x --- docs/api/prompt.md | 4 +++- docs/css/README.md | 16 ++++++++-------- docs/css/font-family.md | 9 ++++++--- 3 files changed, 17 insertions(+), 12 deletions(-) diff --git a/docs/api/prompt.md b/docs/api/prompt.md index 9927e1ea..3631f140 100644 --- a/docs/api/prompt.md +++ b/docs/api/prompt.md @@ -60,6 +60,8 @@ +itemList,即actionsheet的列表项,在app和小程序上最多6项,超出会报错。在web上超出不报错,列表区变为可滚动。 + @@ -75,4 +77,4 @@ ## Bug & Tips@tips -- 在页面生命周期 onLoad 中调用以上弹窗 API 可能无法正常显示,暂时建议在页面生命周期 onReady 及之后再调用。此bug已于HBuilderX 3.97+修复 +- 目前web和App的弹窗UI风格不统一,后续会修复 \ No newline at end of file diff --git a/docs/css/README.md b/docs/css/README.md index 05b959c0..db8aeb9a 100644 --- a/docs/css/README.md +++ b/docs/css/README.md @@ -215,19 +215,19 @@ App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱 |Inline 布局 |× | | |Inline-Block 布局 |× | | |Block 布局 |× | | -|字体 |√ |支持ttf、otf,不支持woff和woff2和可变字体 | +|字体 |√ |[详见](font-family.md) | |Positioned 布局 |√ | | |CSS Animation |x | | |CSS Transition |√ | | |CSS Variable |× | | |媒体查询 |× | | -字体图标[详见](font-family.md) - ## 选择器 @selector +web和小程序支持page元素选择器,以替代body元素选择器。 + 注意,选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量,**当前只支持:CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**。 ```ts @@ -280,7 +280,7 @@ rpx是一个以设备750px为基准的单位,750rpx即为屏幕宽度,375rpx 实际项目中为了更好的在各端兼容,推荐使用长度 `` 时指定明确单位 - 单位精度问题 -px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像素。当产生浮点数时,由于精度保留策略的不同,在web和app可能造成细微的误差。 +px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像素。当产生浮点数时,由于精度保留策略的不同,在不同浏览器和手机OS,可能造成细微的误差。 尤其是浏览器对于小数点的px兼容不够好,比如0.5px很难正常显示。 @@ -365,10 +365,6 @@ uni-app x 4.0起 提供内置 CSS 变量。之前版本如有获取状态栏高 Tips: - 字体路径支持网络和本地,本地字体请注意放在项目或uni_modules的static目录下。 - - - - ## 样式作用范围 在 `uni-app x` 中,不支持 `css scoped`,样式的作用范围遵循以下规则: @@ -381,6 +377,10 @@ Tips: `uni-app-x` App端无页面滚动,且其根节点高度为从导航栏底部到tabBar顶部。如果在页面根节点的子元素使用`position: absolute;`,页面内部scroll-view滚动时不会改变此元素位置。其他端有页面滚动,如果在页面根节点的子元素使用`position: absolute;`页面滚动会改变此元素的位置。如果有不随页面滚动变化位置的需求建议使用`position: fixed`。注意web端需要使用[css变量](#variable)使元素不覆盖在navigationBar和tabBar上。 + + + + ## Bug css相关bug[详见](https://issues.dcloud.net.cn/?mid=css) diff --git a/docs/css/font-family.md b/docs/css/font-family.md index c69d032c..dcb8eec4 100644 --- a/docs/css/font-family.md +++ b/docs/css/font-family.md @@ -13,11 +13,14 @@ -#### App平台差异 +### 字体格式 +- app-android 支持ttf和otf字体。不支持woff和woff2和可变字体 +- web支持的字体取决于浏览器,详见mdn或caniuse + +### App平台差异 - font-family 样式不支持继承 -#### 字体图标 -支持ttf和otf字体图标。 +### 字体图标 - 可在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) -- GitLab