Advertisement

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

阅读量：

由于项目需求，需实现对一段文字进行折叠与展开的功能。此处做简要记录，如需参考的同仁，可自行获取~

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}

全部评论 (0)

还没有任何评论哟~

相关文章推荐