更新记录

1.0.0（2022-02-22）

首次更新

平台兼容性

原生插件通用使用流程：

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-TimeBarView

时间轴进度条，拖动选择时间(ios、android)

使用

<template>
    <view class="content">
        <KJ-TimeBarView class="TimeBarView" ref='TimeBarView' style="width:750rpx;height:60px" @Time="Time"
            @TimeFinish="TimeFinish"></KJ-TimeBarView>
        <view class="time">{{time}}</view>
        <button type="primary" @click="initTimeLineView">初始化</button>
        <button type="primary" @click="refreshRecordSegment">刷新片段</button>
        <button type="primary" @click="updateCurrentTime">更新当前时间</button>
    </view>
</template>

<script>
    /**
     * 时间格式统一为：yyyy-MM-dd HH:mm:ss
     * */
    export default {
        data() {
            return {
                time: ''
            }
        },
        onLoad() {

        },
        onReady() {
            this.$refs.TimeBarView.initTimeLineView();
        },
        methods: {
            Time(e) {
                this.time = e.detail.time
                console.log("Time: " + JSON.stringify(e.detail))
            },
            TimeFinish(e) {
                this.time = e.detail.time
                console.log("TimeFinish: " + JSON.stringify(e.detail))
            },
            initTimeLineView() {
                this.$refs.TimeBarView.initTimeLineView();
            },
            refreshRecordSegment() {
                var arr = [{
                    "beginTime": "2021-2-21 1:00:00",
                    "endTime": "2021-2-21 3:00:00"
                },{
                    "beginTime": "2021-2-21 5:00:00",
                    "endTime": "2021-2-21 6:00:00"
                }]
                this.$refs.TimeBarView.refreshRecordSegment(arr);
            },
            updateCurrentTime() {
                this.$refs.TimeBarView.updateCurrentTime("2021-2-21 4:00:00");
            },
        }
    }
</script>
<style>
    .time {
        align-items: center;
        padding: 20px;
    }
    .TimeBarView {
        background-color: #000000;
    }
</style>