uni-app中uni-collapse组件在头条系小程序中无法使用

uni-app中uni-collapse组件在头条系小程序中无法使用

示例代码：

<uni-collapse>  
    <uni-collapse-item title="基本信息" titleClass="uni-h5" rightTextClass="uni-h5" open>  
        dwadwa  
    </uni-collapse-item>  
    <uni-collapse-item title="基本信息2" titleClass="uni-h5" rightTextClass="uni-h5">  
        12312312  
    </uni-collapse-item>  
</uni-collapse>

操作步骤：

  • 打开页面

预期结果：

  • 正常

实际结果：

  • 无法使用

bug描述：

如图

bug描述图片

信息类别 信息内容
产品分类 uniapp/小程序/抖音
PC开发环境 Windows
PC开发环境版本 windows10
HBuilderX类型 正式
HBuilderX版本 3.1.13
第三方工具版本 3.0.9
基础库版本 2.8.0.10
项目创建方式 HBuilderX

更多关于uni-app中uni-collapse组件在头条系小程序中无法使用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

问题已经修复 ，更新最新组件

更多关于uni-app中uni-collapse组件在头条系小程序中无法使用的实战教程也可以访问 https://www.itying.com/category-93-b0.html


导入uni-collapse 折叠面板示例项目看看是否正常？

在头条系小程序（包括抖音小程序）中，uni-collapse组件确实存在兼容性问题。这是由于头条小程序的底层实现与微信小程序存在差异，导致部分组件无法正常渲染。

目前uni-collapse组件在头条系小程序中主要存在以下问题：

  1. 展开/收起动画可能失效
  2. 内容区域显示异常
  3. 点击事件响应不稳定

临时解决方案：

  1. 使用条件编译针对头条系小程序采用原生view实现折叠面板
<!-- #ifdef MP-TOUTIAO -->
<view class="custom-collapse">
    <view class="collapse-item" @tap="toggleItem">
        <text>标题</text>
        <view v-if="showContent">内容区域</view>
    </view>
</view>
<!-- #endif -->
回到顶部