uniapp 展开全部和收起

<view v-for="(item, key) in DataSource" :key="key">
    <view :class="'content-view '+ (isCompanyAll?'hide1':'show1')">
		<text class="content">{{item.content}}</text>
	</view>
	<view v-if="isCompanyMore" @tap="change" class="state" :data-index="index">{{item.isF?'查看完整信息':'收起信息'}}
		<image class="horn"
			:src="(item.isF? '/static/images/details_down.png' : '/static/images/details_up.png')"></image>
	</view>
</view>

export default {
	data() {
		return {
		isf: '', //是否折叠
		isCompanyAll: true, //是否折叠
		DataSource: '',
		}
	},
	onShow: function() {
		var self = this;
		var query = uni.createSelectorQuery().in(self);
		setTimeout(function() {
			query.select('.user-content').boundingClientRect(res => {
				if (res && res.height < 250) {
					self.setData({
						isCompanyMore: false
					});
				}
			}).exec();
		}, 2000);
	},
	methods: {
	//商家简介展开  收起
		change: function(e) {
			var that = this;
			that.isCompanyAll = !that.isCompanyAll;
			var DataSource = that.DataSource;
			var row = DataSource[0];
			row.isF = !row.isF;
			that.setData({
				DataSource: DataSource,
			})
		},
	}
}

.content-view{
text-align: left;
display: -webkit-box;  /*关键属性（必须有的）  */
-webkit-box-orient: vertical;   /*规定子元素的排列方向 */
-webkit-line-clamp:3; /*行数*/
/* 实现多余的文字隐藏并用省略号来代表被隐藏的文字    */
overflow: hidden;text-overflow:ellipsis;}
.content{font-size: 26rpx;line-height: 34rpx;color: #666;}
.state{width: 100%;text-align: center;color: #999;padding-top: 15rpx;
font-size: 26rpx;line-height: 60rpx;}
.hide1{display: -webkit-box;}
.show1{display: block} 
.horn{width: 30rpx;height: 30rpx;display: inline-block;vertical-align: middle;margin-top: -4rpx;margin-left: 5rpx;}