diff --git a/docs/use-weex.md b/docs/use-weex.md index d4ac14d651570b56661786686f5f2dd35abc0753..d2ae3764fc43d55215009e2e28253770578009b1 100644 --- a/docs/use-weex.md +++ b/docs/use-weex.md @@ -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`设置阴影