add drag icon for dragable rows

web/src/views/admin/Menu.vue

@@ -9,7 +9,10 @@
       <el-table :data="items" :row-key="row => row.id" table-layout="auto">
         <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="icon" label="菜单图标">
@@ -240,6 +243,14 @@ const uploadImg = (file) => {
     height 36px
   }
 
+  .sort {
+    cursor move
+    .iconfont {
+      position relative
+      top 1px
+    }
+  }
+
   .el-select {
     width: 100%
   }