平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
drag-sort
基于 uni-app 的小程序拖拽组件,可用于 uni-app、mpvue
如何使用
下载后放到项目目录中(在 uni-app 中运行到 H5 端需 HBuilderX 2.0 及以上版本)
基本用法
<template>
<dragSort :list="list" :props="props" @change="SortChange"></dragSort>
</template>
<script>
// 以下路径需根据项目实际情况填写
import dragSort from '../../components/drag-sort/index.vue'
export default {
components: {
dragSort
},
data () {
return {
// 对应需要显示的标题
props: {
label: 'label'
},
list: [
{
label: '标题1'
},
{
label: '标题2'
},
{
label: '标题3'
},
{
label: '标题4'
},
{
label: '标题5'
}
]
}
},
methods: {
SortChange (e) {
console.log(e)
// frontData 插到谁后面
// data 操作的数据
}
}
}
</script>