提交 14748a56 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬

fix: 修复 app 下拉刷新配置位置描述错误问题

上级 f401781e
...@@ -200,13 +200,13 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ...@@ -200,13 +200,13 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
display: none; display: none;
} }
``` ```
- 需要隐藏大部分页面的 navigationBar,显示某个页面的 navigationBar - 需要隐藏大部分页面的 navigationBar,显示某个页面的 navigationBar
```css ```css
/* 隐藏所有页面的 navigationBar */ /* 隐藏所有页面的 navigationBar */
.uni-app--showtopwindow uni-page-head { .uni-app--showtopwindow uni-page-head {
display: none; display: none;
} }
/* 显示路径为 pages/component/view/view 页面的 navigationBar */ /* 显示路径为 pages/component/view/view 页面的 navigationBar */
.uni-app--showtopwindow [data-page="pages/component/view/view"] uni-page-head { .uni-app--showtopwindow [data-page="pages/component/view/view"] uni-page-head {
display: block; display: block;
...@@ -274,7 +274,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ...@@ -274,7 +274,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
## pages ## pages
`uni-app` 通过 pages 节点配置应用由哪些页面组成,pages 节点接收一个数组,数组每个项都是一个对象,其属性值如下: `uni-app` 通过 pages 节点配置应用由哪些页面组成,pages 节点接收一个数组,数组每个项都是一个对象,其属性值如下:
|属性|类型|默认值|描述| |属性|类型|默认值|描述|
|:-|:-|:-|:-| |:-|:-|:-|:-|
|path|String||配置页面路径| |path|String||配置页面路径|
...@@ -291,16 +291,16 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ...@@ -291,16 +291,16 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
开发目录为: 开发目录为:
<pre v-pre="" data-lang=""> <pre v-pre="" data-lang="">
<code class="lang-" style="padding:0"> <code class="lang-" style="padding:0">
┌─pages ┌─pages
│ ├─index │ ├─index
│ │ └─index.vue │ │ └─index.vue
│ └─login │ └─login
│ └─login.vue │ └─login.vue
├─static ├─static
├─main.js ├─main.js
├─App.vue ├─App.vue
├─manifest.json ├─manifest.json
└─pages.json └─pages.json
</code> </code>
</pre> </pre>
...@@ -310,10 +310,10 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ...@@ -310,10 +310,10 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
{ {
"pages": [ "pages": [
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { ... } "style": { ... }
}, { }, {
"path": "pages/login/login", "path": "pages/login/login",
"style": { ... } "style": { ... }
} }
] ]
...@@ -396,7 +396,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ...@@ -396,7 +396,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
</view> </view>
<view> 状态栏下的文字 </view> <view> 状态栏下的文字 </view>
</view> </view>
</template> </template>
<style> <style>
.status_bar { .status_bar {
height: var(--status-bar-height); height: var(--status-bar-height);
...@@ -416,7 +416,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ...@@ -416,7 +416,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
* titleNView:给原生导航栏提供更多配置,包括自定义按钮、滚动渐变效果、搜索框等,详见[titleNView](/collocation/pages?id=app-titleNView) * titleNView:给原生导航栏提供更多配置,包括自定义按钮、滚动渐变效果、搜索框等,详见[titleNView](/collocation/pages?id=app-titleNView)
* subNVue:使用nvue原生渲染,所有布局自己开发,具备一切自定义灵活度。详见[subNVue](/collocation/pages?id=app-subNVues) * subNVue:使用nvue原生渲染,所有布局自己开发,具备一切自定义灵活度。详见[subNVue](/collocation/pages?id=app-subNVues)
- 页面禁用原生导航栏后,想要改变状态栏的前景字体样式,仍可设置页面的 navigationBarTextStyle 属性(只能设置为 black或white)。如果想单独设置状态栏颜色,App端可使用[plus.navigator.setStatusBarStyle](http://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.setStatusBarStyle)设置。注意部分低端Android手机(4.4)自身不支持设置状态栏前景色。 - 页面禁用原生导航栏后,想要改变状态栏的前景字体样式,仍可设置页面的 navigationBarTextStyle 属性(只能设置为 black或white)。如果想单独设置状态栏颜色,App端可使用[plus.navigator.setStatusBarStyle](http://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.setStatusBarStyle)设置。注意部分低端Android手机(4.4)自身不支持设置状态栏前景色。
鉴于以上问题,在原生导航能解决业务需求的情况下,尽量使用原生导航。甚至有时需要牺牲一些不是很重要的需求。在App和H5下,uni-app提供了灵活的处理方案:[titleNView](/collocation/pages?id=app-titleNView)[subNVue](/collocation/pages?id=app-subNVues)、或整页使用nvue。但在小程序下,因为其自身的限制,没有太好的方案。有必要的话,也可以用条件编译分端处理。 鉴于以上问题,在原生导航能解决业务需求的情况下,尽量使用原生导航。甚至有时需要牺牲一些不是很重要的需求。在App和H5下,uni-app提供了灵活的处理方案:[titleNView](/collocation/pages?id=app-titleNView)[subNVue](/collocation/pages?id=app-subNVues)、或整页使用nvue。但在小程序下,因为其自身的限制,没有太好的方案。有必要的话,也可以用条件编译分端处理。
### app-plus ### app-plus
...@@ -705,7 +705,7 @@ searchInput的点击输入框onNavigationBarSearchInputClicked、文本变化onN ...@@ -705,7 +705,7 @@ searchInput的点击输入框onNavigationBarSearchInputClicked、文本变化onN
#### 下拉刷新@app-pullToRefresh #### 下拉刷新@app-pullToRefresh
在 App 平台下可以自定义部分下拉刷新的配置 `page->app-plus->pullToRefresh` 在 App 平台下可以自定义部分下拉刷新的配置 `page->style->app-plus->pullToRefresh`
|属性|类型|默认值|描述| |属性|类型|默认值|描述|
|:-|:-|:-|:-| |:-|:-|:-|:-|
...@@ -890,7 +890,7 @@ h5 平台下拉刷新动画,只有 circle 类型。 ...@@ -890,7 +890,7 @@ h5 平台下拉刷新动画,只有 circle 类型。
export default { export default {
data() { data() {
return { return {
} }
} }
} }
...@@ -1011,7 +1011,7 @@ midButton没有pagePath,需监听点击事件,自行处理点击后的行为 ...@@ -1011,7 +1011,7 @@ midButton没有pagePath,需监听点击事件,自行处理点击后的行为
- 前端弹出遮罩层挡不住tabbar的问题,跨端处理方式时动态隐藏tabbar。App端可以使用plus.nativeObj.view或subNVue做弹出和遮罩,可参考这个[底部原生图标分享菜单例子](https://ext.dcloud.net.cn/plugin?id=69) - 前端弹出遮罩层挡不住tabbar的问题,跨端处理方式时动态隐藏tabbar。App端可以使用plus.nativeObj.view或subNVue做弹出和遮罩,可参考这个[底部原生图标分享菜单例子](https://ext.dcloud.net.cn/plugin?id=69)
- 微信小程序模拟器1.02.1904090版有bug,在缩放模拟器页面百分比后,tabbar点击多次后就会卡死。真机无碍,使用时注意。[详见](https://developers.weixin.qq.com/community/develop/doc/0002e6e6bf0d602d8c783e10756400) - 微信小程序模拟器1.02.1904090版有bug,在缩放模拟器页面百分比后,tabbar点击多次后就会卡死。真机无碍,使用时注意。[详见](https://developers.weixin.qq.com/community/develop/doc/0002e6e6bf0d602d8c783e10756400)
- PC宽屏上,当页面存在topWindow或leftWindow或rightWindow等多窗体结构时,若想改变 tabbar 显示的位置,请使用 [custom-tab-bar组件](https://uniapp.dcloud.io/component/custom-tab-bar) 配置,若想隐藏 tabbar,可以使用如下 css(好处是可以和 leftwindow 等窗体联动): - PC宽屏上,当页面存在topWindow或leftWindow或rightWindow等多窗体结构时,若想改变 tabbar 显示的位置,请使用 [custom-tab-bar组件](https://uniapp.dcloud.io/component/custom-tab-bar) 配置,若想隐藏 tabbar,可以使用如下 css(好处是可以和 leftwindow 等窗体联动):
```html ```html
.uni-app--showleftwindow + .uni-tabbar-bottom { .uni-app--showleftwindow + .uni-tabbar-bottom {
display: none; display: none;
...@@ -1114,7 +1114,7 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包, ...@@ -1114,7 +1114,7 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包,
|root|String|是|子包的根目录| |root|String|是|子包的根目录|
|pages|Array|是|子包由哪些页面组成,参数同 [pages](#pages)| |pages|Array|是|子包由哪些页面组成,参数同 [pages](#pages)|
**注意:** **注意:**
- ```subPackages``` 里的pages的路径是 ``root`` 下的相对路径,不是全路径。 - ```subPackages``` 里的pages的路径是 ``root`` 下的相对路径,不是全路径。
- 微信小程序每个分包的大小是2M,总体积一共不能超过20M。 - 微信小程序每个分包的大小是2M,总体积一共不能超过20M。
...@@ -1133,24 +1133,24 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包, ...@@ -1133,24 +1133,24 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包,
假设支持分包的 ```uni-app``` 目录结构如下: 假设支持分包的 ```uni-app``` 目录结构如下:
<pre v-pre="" data-lang=""> <pre v-pre="" data-lang="">
<code class="lang-" style="padding:0"> <code class="lang-" style="padding:0">
┌─pages ┌─pages
│ ├─index │ ├─index
│ │ └─index.vue │ │ └─index.vue
│ └─login │ └─login
│ └─login.vue │ └─login.vue
├─pagesA ├─pagesA
│ ├─static │ ├─static
│ └─list │ └─list
│ └─list.vue │ └─list.vue
├─pagesB ├─pagesB
│ ├─static │ ├─static
│ └─detail │ └─detail
│ └─detail.vue │ └─detail.vue
├─static ├─static
├─main.js ├─main.js
├─App.vue ├─App.vue
├─manifest.json ├─manifest.json
└─pages.json └─pages.json
</code> </code>
</pre> </pre>
...@@ -1191,7 +1191,7 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包, ...@@ -1191,7 +1191,7 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包,
} }
``` ```
## preloadRule ## preloadRule
分包预载配置。 分包预载配置。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册