更新记录

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

也可关注博客,实时更新最新插件

uniapp 常用原生插件大全


使用方法

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

UTS 基础文档

UTS 语法 UTS API插件 UTS 组件插件 Hello UTS

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问