更新记录
1.0.3(2021-11-01) 下载此版本
1.0.3
1.0.1(2021-11-01) 下载此版本
1.0.1
1.0.0(2021-11-01) 下载此版本
1.0.0
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
dxf-back-button
globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景色等。
属性 | 类型 | 默认值 | 描述 | 平台差异说明 |
---|---|---|---|---|
navigationStyle | String | default | 导航栏样式,仅支持 default/custom。custom即取消默认的原生导航栏,需看使用注意 | 微信小程序 7.0+、百度小程序、H5、App(2.0.3+) |
当 navigationStyle 值,为 custom 时,即可使用这款插件,达到全屏模式,头部无白色背景的状态栏。
默认使用方式
<dxf-back-button></dxf-back-button>
放到任意界面的头部即可
<template>
<view>
<dxf-back-button></dxf-back-button>
</view>
</template>
自定义使用方式
自定义有黑色版和白色版
<template>
<view>
黑色版:
<dxf-back-button color="black"></dxf-back-button>
白色版:
<dxf-back-button color="white"></dxf-back-button>
</view>
</template>