vue收起，展开功能

<div :class="showAll ? 'work_detail' : 'new_detail'">
      这里是操作的div 包含的文字 这里的is——show 就是true/false 先通过绑定class
      来判断 是显示所有内容的样式 还是隐藏部分样式
    </div>
    <el-button
      type="text"
      :icon="showAll ? 'el-icon-arrow-up ' : 'el-icon-arrow-down'"
      @click="showAll = !showAll"
    >
      {{ showAll ? "收起" : "展开" }}
    </el-button>

.new_detail {
  width: 100px;
  height: 20px;
  overflow: hidden;
}
.work_detail {
  width: 100px;
}