更新记录

1.0.3(2023-07-01) 下载此版本

1.优化:左侧菜单 部门留白的情侣 2.优化:说明文档,按照文档 微信小程序 完全没问题。万一有的话:你留言 我几乎秒回复处理

发现的bug:style="height: 80rpx;" 已改为:style="max-height: 80rpx;"

if (navCount > that.navList.length) { that.navCount = that.navList.length } else { that.navCount = navCount }

1.0.2(2023-05-06) 下载此版本

1.优化:增加搜索框 2.优化:微信小程序是100%没有问题的。 3.优化:h5端的话,由于无法获取高度,so 设置了默认高度。其他平台测试有问题的可以留言

1.0.1(2023-04-17) 下载此版本

优化:自动计算剩余的商品列表高度的计算方式【根据屏幕自适应】

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.12 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

超简单,会根据手机屏幕大小,自动计算剩余列表的高度

即使数据量再大 ,也会适应 ,无卡顿

d-goods-home

步骤一:需要先在 APP.vue

windowWidth、windowHeight 挂载到vue里 可直接使用this.windowWidth

<script>
    import Vue from 'vue'
    export default {
         onLaunch: async function() {
            uni.getSystemInfo({
                success: async function(e) {
                    console.log('_______________获取系统信息_________________start')
                    console.log(e)
                    Vue.prototype.windowWidth = e.windowWidth;
                    Vue.prototype.windowHeight = e.windowHeight;
                    console.log('_______________获取系统信息_________________end')

步骤二:页面


<template>
    <view class="vueBox ">
        <view id="dGoodsHomeId" style="width: 100%;">

            <view style="width: 100%;height: 300rpx;background-color: pink;">

            </view>
        </view>

        <view style="width: 100%;">
            <d-goods-home></d-goods-home>
        </view>

    </view>
</template>

<script>

</script>

<style lang="scss" scoped>

</style>

友链:

作者全部插件:

列表数据量较少时推荐使用这个,体验更丝滑:

使用的商品列表插件:

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问