Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
4dfe3341
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3277
Star
107
Fork
831
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
99
列表
看板
标记
里程碑
合并请求
76
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
99
Issue
99
列表
看板
标记
里程碑
合并请求
76
合并请求
76
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
4dfe3341
编写于
1年前
作者:
DCloud_Heavensoft
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update readme.md
上级
d24a3599
master
auto-translate
dev
docs/merge-docs
feat-renderjs
fix-title_By_HRK
无相关合并请求
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
7 addition
and
1 deletion
+7
-1
docs/uni-app-x/css/readme.md
docs/uni-app-x/css/readme.md
+7
-1
未找到文件。
docs/uni-app-x/css/readme.md
浏览文件 @
4dfe3341
...
...
@@ -13,7 +13,7 @@ App端与web常见的区别是:
## 页面布局
uni-app x
推荐
使用flex布局。这是一种清晰易用、全平台支持的布局。不管web、Android、iOS、微信skyline、快应用,均支持flex布局。
uni-app x 使用flex布局。这是一种清晰易用、全平台支持的布局。不管web、Android、iOS、微信skyline、快应用,均支持flex布局。
页面布局有2个注意事项,flex方向和页面级滚动。
...
...
@@ -99,6 +99,8 @@ uvue的策略是,在新建页面时,提供一个选项,让开发者选择
尤其在Android webview中,scroll-view其实是可区域滚动的div,滚动区变长后,性能远不如页面的自然滚动。
当然如果你只做app,可以不写条件编译。
上述代码中给scroll-view的style设为
`flex:1`
,意思是铺满剩余空间。设在顶层节点上,意味着铺满屏幕。
当然,如果页面的pages.json里配置使用了原生导航栏,那么页面区整体是在导航栏下面。
...
...
@@ -129,9 +131,13 @@ uvue的策略是,在新建页面时,提供一个选项,让开发者选择
在uni-app的规范中,页面滚动有一批相关的生命周期、api,比如:
`onPageScroll`
、
`onReachBottom`
、
`uni.pageScrollTo()`
在app端,会判断页面根节点是否为scroll-view(不认list-view等其他滚动容器)。
* 如果是,页面滚动相关的生命周期和API继续生效,效果如前。
* 如果不是scroll-view,全部失效。
如果根节点使用了list-view,它也有自己的滚动相关的API和监听事件。详见
[
list-view
](
)的文档。
## 样式不继承@stylenoextends
如下代码,在web浏览器渲染时,父view的style会影响子text,所以123是红色。
...
...
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录
反馈
建议
客服
返回
顶部