add drag icon for dragable rows

This commit is contained in:
RockYang
2024-08-12 14:00:50 +08:00
parent 740c3c1b00
commit 373021c191
14 changed files with 86 additions and 18 deletions

View File

@@ -13,7 +13,10 @@
<el-table-column type="selection" width="38"></el-table-column>
<el-table-column prop="name" label="模型名称">
<template #default="scope">
<span class="sort" :data-id="scope.row.id">{{ scope.row.name }}</span>
<span class="sort" :data-id="scope.row.id">
<i class="iconfont icon-drag"></i>
{{ scope.row.name }}
</span>
</template>
</el-table-column>
<el-table-column prop="value" label="模型值">
@@ -339,6 +342,14 @@ const remove = function (row) {
width: 100%
}
.sort {
cursor move
.iconfont {
position relative
top 1px
}
}
.pagination {
padding 20px 0
display flex