折叠面板的实现(点击展开全部内容)

最新推荐文章于 2024-06-20 14:02:48 发布

gyuei

最新推荐文章于 2024-06-20 14:02:48 发布

阅读量3.4k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/gyueh/article/details/103385189

版权

效果图：
在这里插入图片描述
目的：点击向下箭头显示全部内容，在全部内容中点击向上箭头收缩部分内容。

xml部分代码如下：

<view class="content">
  <view class="header">
    <view class="topTitle">信息内容</view>
    <image src="../../../images/next.png" class="nextarrow"></image>
  </view>
  <view class="cell_group">
    <view class="cell_item">
      <view class="itemTitle">交易号码</view>
      <view class="itemDetails">20191026-000625</view>
    </view>
    <view class="cell_item">
      <view class="itemTitle">交易状态</view>
      <view class="itemDetails">已成交</view>
    </view>
  </view>
  <view class="cell_group&#