veloxi实现拖动列表项排序效果代码
代码语言:html
所属分类:拖放
代码描述:veloxi实现拖动列表项排序效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
body {
padding: 50px 0 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.list {
display: flex;
flex-direction: column;
gap: 10px 0;
width: 100%;
max-width: 200px;
}
.item {
font-size: 18px;
background: .........完整代码请登录后点击上方下载按钮下载查看
















网友评论0