更新记录

1.0.0(2022-02-22)

首次更新


平台兼容性

Android Android CPU类型 iOS
适用版本区间:4.4 - 12.0 armeabi-v7a:支持,arm64-v8a:支持,x86:支持 适用版本区间:9 - 16

原生插件通用使用流程:

  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" @onMoveTime="onMoveTime"
            @onMoveTimeFinish="onMoveTimeFinish"></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: {
            onMoveTime(e) {
                this.time = e.detail.time
                console.log("onMoveTime: " + JSON.stringify(e.detail))
            },
            onMoveTimeFinish(e) {
                this.time = e.detail.time
                console.log("onMoveTimeFinish: " + 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>

隐私、权限声明

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

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

插件不采集任何数据

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

暂无用户评论。

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