更新记录
1.0.0(2024-05-01)
全局置灰、哀悼置灰(UTS版) ba-gray-u,同时支持uvue、nvue、vue
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
Android:5.0,iOS:不确定,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
全局置灰、哀悼置灰(可动态,同时支持uvue、nvue、vue) ba-gray-u
简介
ba-gray-u 是一款全局动态置灰的uniapp插件(uts)。可在特殊节日比如清明,或者其他哀悼日使用,全局哀悼置灰。
补全 filter: grayscale(1); 不支持uvue、nvue的不足。
- 可动态
- 同时支持uvue、nvue、vue
全局置灰、哀悼置灰(Android、iOS双端,可动态、同时支持nvue、vue) Ba-Gray-A
全局置灰、哀悼置灰(Android端,可动态、同时支持nvue、vue) Ba-Gray
有建议和需要,请联系QQ:2579546054
也可关注博客,实时更新最新插件:
使用方法
在 script
中引入组件
import * as gray from "@/uni_modules/ba-gray-u";
在 script
中调用(示例参考,可根据自己业务和调用方法自行修改)
import * as gray from "@/uni_modules/ba-gray-u";
export default {
methods: {
onGray() {//置灰
let grayScale = 0;//灰度,默认为0,取值范围0~1,建议值0~0.3
let res = gray.gray(grayScale);
console.log(res)
},
onUngray() {//取消置灰
let res = gray.ungray();
console.log(res)
},
}
}
api 列表
方法名 | 说明 |
---|---|
gray | 置灰 |
ungray | 取消置灰 |
gray 方法参数
置灰
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
grayScale | Number | false | 0 | 灰度,默认为0,取值范围0~1,建议值0~0.3 |