更新记录

1.0.0(2024-11-23) 下载此版本

2024/11/22 详情叠楼样式数据,上移/下移/置顶/添加/删除功能


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.8.1 app-vue × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × ×

detailEdit 详情叠楼样式效果

props参数说明

组件可调用方法说明

参数 说明
upDateValue 更新组件内详情数据【参数(数组类型Array):同组件内返回的参数格式一致】
addType 添加各种类型卡片【参数(数字类型number):0.文字 1.小图 2.大图 3.视频】
  • 调用方法 this.$refs.detailEdit.addType(0);

detailContent方法:实时返回组件内的详情数据

页面引用实例代码

<template>
    <view style="padding: 20rpx;">
        <detailEdit ref="detailEdit" @contentChange="detailContent"></detailEdit>
    </view>
</template>

<script>
    import detailEdit from '../../components/detail-edit/detail-edit.vue';
    export default {
        components: {
            detailEdit
        },
        data() {
            return {

            }
        },
        onReady() {
            var data = [{
                type: '文字',
                value: '一进来就会传入的数据',
            }]
            this.$refs.detailEdit.upDateValue(data);
        },
        methods: {

            detailContent(data) {
                var self = this;
                console.log('接收到的详情内容', data)
            }

        }
    }
</script>

<style>

</style>

隐私、权限声明

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

相册

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

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

许可协议

MIT协议

暂无用户评论。

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