feat: 视图编辑块字段增加快速删除按钮

This commit is contained in:
junjun 2022-05-19 10:23:05 +08:00
parent eea37713ea
commit 50233116f6
7 changed files with 15 additions and 9 deletions

View File

@ -1,5 +1,6 @@
<template> <template>
<span> <span style="position: relative;display: inline-block;">
<i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">

View File

@ -1,5 +1,6 @@
<template> <template>
<span> <span style="position: relative;display: inline-block;">
<i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">

View File

@ -1,6 +1,6 @@
<template> <template>
<span style="position: relative;display: inline-block;"> <span style="position: relative;display: inline-block;">
<i v-show="false" class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" /> <i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">

View File

@ -1,5 +1,6 @@
<template> <template>
<span> <span style="position: relative;display: inline-block;">
<i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">

View File

@ -1,5 +1,6 @@
<template> <template>
<span> <span style="position: relative;display: inline-block;">
<i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">

View File

@ -1,5 +1,6 @@
<template> <template>
<span> <span style="position: relative;display: inline-block;">
<i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">
@ -346,7 +347,7 @@ export default {
margin-left: 4px; margin-left: 4px;
color: #878d9f; color: #878d9f;
position: absolute; position: absolute;
right: 25px; right: 40px;
} }
.inner-dropdown-menu{ .inner-dropdown-menu{

View File

@ -1,5 +1,6 @@
<template> <template>
<span> <span style="position: relative;display: inline-block;">
<i class="el-icon-arrow-down el-icon-delete" style="position: absolute;top: 6px;right: 24px;color: #878d9f;cursor: pointer;z-index: 1;" @click="removeItem" />
<el-dropdown trigger="click" size="mini" @command="clickItem"> <el-dropdown trigger="click" size="mini" @command="clickItem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-tag size="small" class="item-axis" :type="tagType"> <el-tag size="small" class="item-axis" :type="tagType">
@ -342,7 +343,7 @@ export default {
margin-left: 4px; margin-left: 4px;
color: #878d9f; color: #878d9f;
position: absolute; position: absolute;
right: 25px; right: 40px;
} }
.inner-dropdown-menu{ .inner-dropdown-menu{