未验证 提交 6a2eeb76 编写于 作者: S st-dc 提交者: GitHub

Update use-weex.md

更新`elevation`属性说明
上级 28e97add
......@@ -115,11 +115,11 @@ nvue 的页面跳转,与 weex 不同,仍然遵循 uni-app 的路由模型。
原生开发没有页面滚动的概念,页面内容高过屏幕高度并不会自动滚动,只有部分组件可滚动(list、waterfall、scroll-view/scroller),要滚得内容需要套在可滚动组件下。这不符合前端开发的习惯,所以在 nvue 编译为 uni-app模式时,给页面外层自动套了一个 scroller,页面内容过高会自动滚动。(组件不会套,页面有recycle-list时也不会套)。
可以设置不自动套。
```
{
"path": "",
"style": {
"disableScroll": true // 不嵌套 scroller
}
{
"path": "",
"style": {
"disableScroll": true // 不嵌套 scroller
}
}
```
......@@ -592,7 +592,7 @@ canvas API使用,详见canvas文档。
下面有些正确和错误的写法示例对比:
- 选择器仅支持class 选择器
- 选择器仅支持class 选择器
```css
......@@ -638,7 +638,7 @@ canvas API使用,详见canvas文档。
}
```
- nvue的`uni-app`编译模式下,`App.vue` 中的样式,会编译到每个 `nvue文件`。对于共享样式,如果有不合法属性控制台会给出警告,可以通过条件编译`APP-PLUS-NVUE`屏蔽 `App` 中的警告。
- nvue的`uni-app`编译模式下,`App.vue` 中的样式,会编译到每个 `nvue文件`。对于共享样式,如果有不合法属性控制台会给出警告,可以通过条件编译`APP-PLUS-NVUE`屏蔽 `App` 中的警告。
```css
/* 错误 */
......@@ -661,11 +661,11 @@ WARNING: `-webkit-transform` is not a standard property name (may not be support
/* #endif*/
}
```
```
## Android平台阴影(box-shadow)问题
Android平台weex对阴影样式(`box-shadow`)支持不完善,如设置圆角边框时阴影样式显示不正常、设置动画时在`Android7`上显示不正常等。为解决这些问题,从HBuilderX 2.4.7起,新增`elevation`属性(组件的属性,不是css样式)设置组件的层级,`Number`类型,层级值越大阴影越明显,阴影效果也与组件位置有关,越靠近页面底部阴影效果越明显
Android平台weex对阴影样式(`box-shadow`)支持不完善,如设置圆角边框时阴影样式显示不正常、设置动画时在`Android7`上显示不正常等。为解决这些问题,从HBuilderX 2.4.7起,新增`elevat`属性(组件的属性,不是css样式)设置组件的层级,`Number`类型,层级值越大阴影越明显,阴影效果也与组件位置有关,越靠近页面底部阴影效果越明显
**用法**
......@@ -675,6 +675,8 @@ Android平台weex对阴影样式(`box-shadow`)支持不完善,如设置圆角
**注意**
- 设置elevation属性产生的阴影暂时无法修改颜色
- 为了避免`elevation`属性的阴影效果与阴影样式(`box-shadow`)冲突,设置`elevation`属性后`box-shadow`样式失效
- 使用`elevation`需要阴影元素的父元素大于阴影范围,否则会对阴影进行裁剪
- IOS不支持`elevation`属性,请使用`box-shadow`设置阴影
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册