uni-app 仿评论展开折叠效果

9426_Mercy

于 2021-06-10 15:52:05 发布

阅读量1.3k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_42180036/article/details/117782085

版权

本文介绍了在uni-app中创建评论展开折叠效果的方法，包括页面布局、样式设置和关键逻辑实现，通过在数据中添加展开折叠标识来控制显示状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为项目需要，要做一个对一段文字展开折叠的操作。这里简单记录下，有需要的伙伴，可以get~

1.页面布局：


<template>
   <view >
   	<view class="b-taskBox" v-for="(v,index) in dataList" :key="index" @tap="gotoDetil(v)">
   		<view class="b-num">
   			编号：{
  {v.job_no}}
   		</view>
   		<view class="b-name">
   			客户：{
  {v.mask_enterprise_name}}<text>{
  {v.content}}</text>
   		</view>
   		<view class="b-date">
   			发布日期：{
  {v.publish_at}}<text>截止日期：{
  {v.end_at}}</text>
   		</view>
   		<view class="b-date">
   			需求人数：{
  {v.need_number}}<text>预算：{
  {v.budget}}</text>
   		</view>
		<!-- 需求字数较多需要展开时 -->
		<view class="b-name2" v-if="v.isMore">	
		需求描述&

最低0.47元/天解锁文章