Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
50001198
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
731
Star
38707
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
未验证
提交
50001198
编写于
12月 12, 2019
作者:
DCloud-yyl
提交者:
GitHub
12月 12, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Android平台阴影(box-shadow)问题
上级
ae46f90c
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
6 addition
and
21 deletion
+6
-21
docs/use-weex.md
docs/use-weex.md
+6
-21
未找到文件。
docs/use-weex.md
浏览文件 @
50001198
...
...
@@ -752,6 +752,11 @@ export default {
-
nvue页面没有bounce回弹效果,只有几个列表组件有bounce效果,包括 list、recycle-list、waterfall。
-
Android端在一个页面内使用大量圆角边框会造成性能问题,尤其是多个角的样式还不一样。应避免这类使用。
## Android平台阴影(box-shadow)问题
-
Android平台weex对阴影样式(box-shadow)支持不完善,如设置圆角边框时阴影样式显示不正常、设置动画时在Android7上显示不正常等
-
为解决这些问题,新增elevation属性(组件的属性,不是css样式)设置组件的层级,Number类型,层级值越大阴影越明显,阴影效果也与组件位置有关,越靠近页面底部阴影效果越明显
-
为了避免elevation属性的阴影效果与阴影样式(box-shadow)冲突,设置elevation属性后box-shadow样式失效
## 单位说明
-
weex的css单位支持如下:
*
px:以750宽的屏幕为基准动态计算的长度单位,与vue页面中的rpx理念相同。(一定要注意nvue里的px,和vue里的px逻辑不一样)
...
...
@@ -765,24 +770,4 @@ export default {
-
nvue 切换横竖屏时可能导致样式出现问题,建议有 nvue 的页面锁定手机方向。
-
不能在 style 中引入字体文件,nvue 中字体图标的使用参考:
[
weex 加载自定义字体
](
https://weex.apache.org/zh/docs/modules/dom.html#addrule
)
。如果是本地字体,可以用plus.io的API转换路径。
-
目前不支持在 nvue 页面使用 typescript/ts。
-
nvue 页面
``titleNview``
设为
``false``
时,想要模拟状态栏,可以参考:
[
https://ask.dcloud.net.cn/article/35111
](
https://ask.dcloud.net.cn/article/35111
)
。
## 补充
#### box-shadow兼容安卓端
由于
`weex`
阴影在一些安卓手机上支持不佳,
`uni-app`
为此提供了一个兼容方案
|属性 |类型 |默认值 |必填 |说明 |
|:-- |:-- |:-- |:-- |:-- |
|elevation|Number |0px |否 |android专属阴影设置 值域float 值域越大阴影越大 阴影效果与view位置有关。设置elevation后box-shadow将失效 |
**用法**
```
html
<view
elevation=
"5px"
></view>
```
**注意**
-
使用此属性需要阴影元素的父元素大于阴影范围,否则会对阴影进行裁剪
\ No newline at end of file
-
nvue 页面
``titleNview``
设为
``false``
时,想要模拟状态栏,可以参考:
[
https://ask.dcloud.net.cn/article/35111
](
https://ask.dcloud.net.cn/article/35111
)
。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录