浮动配合相对定位

如图一标记部分正是图二class为col-right部分。先来看css
.col-right{
position: relative;
float: right;
top: 20px;
right: 10px;
}
有意思的是先浮动，再让元素根据根据自身定位

再看编辑

			<img src="../../assets/baisheng/edit.png" alt=""
						 v-if="nItem.preIsEdit === 'Y' && nItem.hhrSysTableName!=='hhr_pre_emp_file_info'"
						  @click.stop="goModify(nItem.hhrSysTableName)" style="width: 18px;">

上图整个为一个区段，
一是v-if判断，因为不是每个区段都有编辑的；
二是@click.stop,因为每个区段整体有点击事件，所以点编辑时必须阻止事件冒泡，防止先触发编辑点击，再触发区段点击

最后就是上下箭头，同样v-if判断

<x-icon type="ios-arrow-up" size="20" v-if="openFlag[nItem.hhrSysTableName] " 
						  style="fill: #999999;" ></x-icon>
<x-icon type="ios-arrow-down" size="20" v-if="!openFlag[nItem.hhrSysTableName] " 
						 style="fill: #999999;" ></x-icon>

标签：浮动,定位,right,触发,配合,编辑,点击,区段,col
来源： https://blog.csdn.net/weixin_45974291/article/details/111831245