uniapp 全局置灰哀悼置灰(可动态同时支持nvuevue)插件 Ba-Gray
Posted 三杯五岳
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp 全局置灰哀悼置灰(可动态同时支持nvuevue)插件 Ba-Gray相关的知识,希望对你有一定的参考价值。
简介(下载地址)
Ba-Gray 是一款全局动态置灰的uniapp插件。可在特殊节日比如清明,或者其他哀悼日使用,全局哀悼置灰。
补全 filter: grayscale(1); 不支持nvue的不足。
使用方法
在 script
中引入组件
const baGray = uni.requireNativePlugin('Ba-Gray')
在 script
中调用(示例参考,可根据自己业务和调用方法自行修改)
const baGray = uni.requireNativePlugin('Ba-Gray')
export default
data()
return
,
methods:
openGray() //置灰
baGray.gray(
//grayScale: 0.1//灰度,可不填,默认为0,取值范围0~1,建议值0~0.3
,res =>
console.log(res);
uni.showToast(
title: res.msg,
icon: "none",
duration: 3000
)
);
,
closeGray() //取消置灰
baGray.ungray(res =>
console.log(res);
uni.showToast(
title: res.msg,
icon: "none",
duration: 3000
)
);
,
api 列表
方法名 | 说明 |
---|---|
gray | 置灰 |
ungray | 取消置灰 |
gray 方法参数
置灰
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
grayScale | Number | false | 0 | 灰度,默认为0,取值范围01,建议值00.3 |
系列插件
应用消息通知插件(多种样式,新增支持常驻通知模式) Ba-Notify(文档)
应用未读角标插件 Ba-Shortcut-Badge (文档)
扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)
扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)
动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)
安卓保活插件(采用多种主流技术) Ba-KeepAlive(文档)
安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)
自定义图片水印(任意位置) Ba-Watermark(文档)
最接近微信的图片压缩插件 Ba-ImageCompressor(文档)
视频压缩、视频剪辑插件 Ba-VideoCompressor(文档)
动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)
原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast(文档)
websocket原生服务(自动重连、心跳检测) Ba-Websocket(文档)
智能安装(自动升级) Ba-SmartUpgrade(文档)
监听通知栏消息(支持白名单、黑名单、过滤) Ba-NotifyListener(文档)
全局置灰、哀悼置灰(可动态、同时支持nvue、vue) Ba-Gray(文档)
获取设备唯一标识(OAID、AAID、IMEI等) Ba-IdCode(文档)
以上是关于uniapp 全局置灰哀悼置灰(可动态同时支持nvuevue)插件 Ba-Gray的主要内容,如果未能解决你的问题,请参考以下文章