更新记录

1.1.0（2022-12-03）

本次主要更新： 1.增加局部(view)设置灰度滤镜

1.0.0（2022-03-01）

首次更新

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

KJ-Gray

全局/局部(view)哀悼日全局灰、灰度滤镜、vue和nvue都可用(ios、andorid)

vue使用(全局)

<template>
    <view>
        <button type="primary" @click="openGray()">开启哀悼日全局灰</button>
        <button type="primary" @click="closeGray()">关闭哀悼日全局灰</button>
        <image src="../../static/logo.png"></image>
    </view>
</template>

<script>
    const KJGray = uni.requireNativePlugin('KJ-Gray');
    export default {
        data() {
            return {}
        },
        onLoad() {

        },
        methods: {
            openGray() {
                KJGray.openGray();
            },
            closeGray() {
                KJGray.closeGray();
            }
        }
    }
</script>

nvue使用 (全局/局部)

<template>
    <view>
        <button type="primary" @click="openGray()">开启哀悼日全局灰(全局)</button>
        <button type="primary" @click="closeGray()">关闭哀悼日全局灰(全局)</button>
        <KJ-Gray class="gray" ref="gray">
            <view>
                <view>我是局部的view</view>
                <image src="../../static/logo.png"></image>
            </view>
        </KJ-Gray>
        <button type="primary" @click="openGray2()">开启哀悼日全局灰(局部/某个view)</button>
        <button type="primary" @click="closeGray2()">关闭哀悼日全局灰(局部/某个view)</button>
    </view>
</template>

<script>
    const KJGray = uni.requireNativePlugin('KJ-Gray');
    export default {
        data() {
            return {}
        },
        onLoad() {

        },
        methods: {
            openGray() {
                KJGray.openGray();
            },
            closeGray() {
                KJGray.closeGray();
            },
            openGray2() {
                this.$refs.gray.openGray();
            },
            closeGray2() {
                this.$refs.gray.closeGray();
            }
        }
    }
</script>
<style>
    .gray {
        width: 750rpx;
        height: 400px;
        padding-top: 30px;
    }
</style>