<div class="operate"> <el-button>提交項目</el-button> <el-button type="primary">新建任務</el-button> </div> <el-tabs v-model="taskType" type="card"> <el-tab-pane label="常規任務" name="normal"> 常規任務 </el-tab-pane> <el-tab-pane label="修正任務" name="amendment"> 修正任務 </el-tab-pane> </el-tabs>
這樣operate絕對定位后,el-button可能被el-tabs覆蓋,所以不顯示hover樣式,此時將operate放在el-tabs后面,即:
<el-tabs v-model="taskType" type="card"> <el-tab-pane label="常規任務" name="normal"> 常規任務 </el-tab-pane> <el-tab-pane label="修正任務" name="amendment"> 修正任務 </el-tab-pane> </el-tabs> <div class="operate"> <el-button>提交項目</el-button> <el-button type="primary">新建任務</el-button> </div>
