Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
sss宋
unidocs-zh
提交
4dfe3341
unidocs-zh
项目概览
sss宋
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
4dfe3341
编写于
8月 16, 2023
作者:
DCloud_Heavensoft
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update readme.md
上级
d24a3599
变更
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是红色。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录