提交 b33eecb2 编写于 作者: D DCloud_LXH

feat: 调整 com 侧边栏

上级 2b3e6199
...@@ -2,65 +2,67 @@ ...@@ -2,65 +2,67 @@
* [公共属性和事件](common.md) * [公共属性和事件](common.md)
* 内置组件```{"collapsable": false}``` * 内置组件```{"collapsable": false}```
* 视图容器 * 视图容器
* [基本视图容器](view.md) * [view | 基本视图容器](view.md)
* [可滚动视图容器](scroll-view.md) * [scroll-view | 可滚动视图容器](scroll-view.md)
* 滑块视图容器```{"collapsable": false}``` * swiper | 滑块视图容器```{"collapsable": false}```
* [swiper](swiper.md) * [swiper](swiper.md)
* [swiper-item](swiper-item.md) * [swiper-item](swiper-item.md)
* [match-media](match-media.md) * [match-media | 匹配检测节点](match-media.md)
* [可拖动区域](movable-area.md) * movable | 可拖动组件```{"collapsable": false}```
* [可移动的视图容器](movable-view.md) * [movable-area | 可拖动区域](movable-area.md)
* [cover-view](cover-view.md) * [movable-view | 可拖动视图容器](movable-view.md)
* [cover-image](cover-image.md) * cover```{"collapsable": false}```
* 列表组件```{"collapsable": false}``` * [cover-view](cover-view.md)
* [cover-image](cover-image.md)
* list-view | 列表组件```{"collapsable": false}```
* [list-view](list-view.md) * [list-view](list-view.md)
* [list-item](list-item.md) * [list-item](list-item.md)
* sticky```{"collapsable": false}``` * sticky | 吸顶```{"collapsable": false}```
* [sticky-header](sticky-header.md) * [sticky-header](sticky-header.md)
* [sticky-section](sticky-section.md) * [sticky-section](sticky-section.md)
* nested-scroll```{"collapsable": false}``` * nested-scroll | 嵌套滚动```{"collapsable": false}```
* [nested-scroll-header](nested-scroll-header.md) * [nested-scroll-header](nested-scroll-header.md)
* [nested-scroll-body](nested-scroll-body.md) * [nested-scroll-body](nested-scroll-body.md)
* 基础内容 * 基础内容
* [图标](icon.md) * [icon | 图标](icon.md)
* [文本](text.md) * [text | 文本](text.md)
* [富图标](rich-text.md) * [rich-text | 富图标](rich-text.md)
* [进度条](progress.md) * [progress | 进度条](progress.md)
* 表单组件 * 表单组件
* [按钮](button.md) * [button | 按钮](button.md)
* 多选框```{"collapsable": false}``` * checkbox | 多选框```{"collapsable": false}```
* [多选框组](checkbox-group.md) * [checkbox-group | 多选框组](checkbox-group.md)
* [多选框](checkbox.md) * [checkbox | 多选框](checkbox.md)
* [表单](form.md) * [form | 表单](form.md)
* [输入框](input.md) * [input | 输入框](input.md)
* [富文本编辑器](editor.md) * [editor | 富文本编辑器](editor.md)
* [label](label.md) * [label](label.md)
* [底部弹出的滚动选择器](picker.md) * [picker | 底部弹出滚动选择器](picker.md)
* 嵌入页面的滚动选择器```{"collapsable": false}``` * picker-view | 嵌入页面滚动选择器```{"collapsable": false}```
* [picker-view](picker-view.md) * [picker-view](picker-view.md)
* [picker-view-column](picker-view-column.md) * [picker-view-column](picker-view-column.md)
* 单选项```{"collapsable": false}``` * radio | 单选项```{"collapsable": false}```
* [单选组](radio-group.md) * [radio-group | 单选组](radio-group.md)
* [单选项](radio.md) * [radio | 单选项](radio.md)
* [滑动选择器](slider.md) * [slider | 滑动选择器](slider.md)
* [开关选择器](switch.md) * [switch | 开关选择器](switch.md)
* [多行输入框](textarea.md) * [textarea | 多行输入框](textarea.md)
* 导航 * 导航
* [页面链接](navigator.md) * [navigator | 页面链接](navigator.md)
* 媒体组件 * 媒体组件
* [音频](audio.md) * [audio | 音频](audio.md)
* [图片](image.md) * [image | 图片](image.md)
* [视频](video.md) * [video | 视频](video.md)
* live```{"collapsable": false}``` * live```{"collapsable": false}```
* [live-player](live-player.md) * [live-player](live-player.md)
* [live-pusher](live-pusher.md) * [live-pusher](live-pusher.md)
* 地图 * 地图
* [地图](map.md) * [map | 地图](map.md)
* 画布 * 画布
* [画布](canvas.md) * [canvas | 画布](canvas.md)
* 网页 * 网页
* [web-view](web-view.md) * [web-view](web-view.md)
* 页面属性配置节点 * page-meta | 页面属性配置节点
* [page-meta](page-meta.md) * [page-meta](page-meta.md)
* [navigation-bar](navigation-bar.md) * [navigation-bar](navigation-bar.md)
* [custom-tab-bar](custom-tab-bar.md) * [custom-tab-bar](custom-tab-bar.md)
......
# CSS 变量 <Badge text="4.0"> # CSS 变量 <Badge text="4.0(仅 Web 平台)">
> uni-app x 4.0起 提供内置 CSS 变量。之前版本如有获取状态栏高度等需求可使用[uni.getWindowInfo()](../../api/get-window-info.md)方式获取。 > uni-app x 4.0起 提供内置 CSS 变量。之前版本如有获取状态栏高度等需求可使用[uni.getWindowInfo()](../../api/get-window-info.md)方式获取。
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
::: warning 注意 ::: warning 注意
- 当设置 `"navigationStyle":"custom"` 取消原生导航栏后,由于窗体为沉浸式,占据了状态栏位置。此时可以使用一个高度为 `var(--status-bar-height)` 的 view 放在页面顶部,避免页面内容出现在状态栏。 - 当设置 `"navigationStyle":"custom"` 取消原生导航栏后,由于窗体为沉浸式,占据了状态栏位置。此时可以使用一个高度为 `var(--status-bar-height)` 的 view 放在页面顶部,避免页面内容出现在状态栏。
- 在 Web 端,由于不存在原生导航栏和 tabBar(是前端 div 模拟的),如果设置了一个固定位置的居底 view,在小程序和 App 端是在 tabBar 上方,但在 H5 端会与 tabBar 重叠。此时可使用`--window-bottom`,不管在哪个端,都是固定在 tabBar 上方。 - 在 Web 端,由于不存在原生导航栏和 tabBar(是前端 div 模拟的),如果设置了一个固定位置的居底 view,在小程序和 App 端是在 tabBar 上方,但在 H5 端会与 tabBar 重叠。此时可使用`--window-bottom`,不管在哪个端,都是固定在 tabBar 上方。
- Android、iOS目前不支持自定义css变量
::: :::
## 代码块 ## 代码块
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册