更新记录
1.0.0(2024-05-01)
全局置灰、哀悼置灰(UTS版) ba-gray-u,同时支持uvue、nvue、vue
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | 5.0 | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | - | - | - |
全局置灰、哀悼置灰(可动态,同时支持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 |