更新记录
1.0.6(2024-06-07) 下载此版本
新增demo示例
1.0.5(2024-06-07) 下载此版本
全新重构
1.0.4(2022-08-13) 下载此版本
增加的左右联动功能
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
zh-scroll
以后插件更新都在 这个地址:https://ext.dcloud.net.cn/plugin?id=18580
商品分类左右联动
用法
<template>
<view class="content">
<zh-scroll :scrollList="goods"></zh-scroll>
</view>
</template>
<script setup>
import { onMounted, ref } from 'vue';
import zhScroll from '../../components/zh-scroll/zh-scroll.vue';
import goodsList from "@/mock/good.ts";
const goods = ref([]);
onMounted(() => {
queryList().then(res => {
goods.value = res;
})
})
function queryList() {
return new Promise(resolve => {
setTimeout(() => {
resolve(goodsList);
}, 400)
})
}
</script>
<style>
.content {
height: 100%;
}
</style>