更新记录

V1.0.1(2021-10-18) 下载此版本

1.新增左右滑动的联动页面

V1.0.0(2021-10-08) 下载此版本

1.添加自适应 2.可滑动tab组件 3.修改样式


平台兼容性

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

页面代码:
    <navUnit :activeIndex="activeIndex" @chooseItem="chooseItem" :list="list"></navUnit>

    <swiper :indicator-dots="false" :autoplay="false" :interval="1000" :duration="1000" @change="swiperChange" :current="activeIndex">
        <swiper-item v-for="(item,index) in list" :key="index">
            <view style="margin-left: 30rpx;">{{item}} --- 支持左右滑动</view>
        </swiper-item>
    </swiper>
引入组件:
import navUnit from "@/components/gjs-navScroll/gjs-navScroll.vue"
export default {
    components: {
        navUnit
    },
    data() {
        return {
            activeIndex: 0,
            list: ['首页', '订单', '服务', '我的', '会议', '管理'], //5个以上
        }
    },
    methods: {
        chooseItem(e) {
            this.activeIndex = e
        },
        swiperChange(e) {
            this.activeIndex = e.target.current
        }
    },
}

隐私、权限声明

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

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

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

许可协议

MIT协议

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