更新记录

1.0.2(2024-01-03) 下载此版本

解决部分显示问题

1.0.1(2023-09-15) 下载此版本

改动说明

1.0.0(2023-07-24) 下载此版本

初始版本

查看更多

平台兼容性

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

pc-tabes 插件使用说明

参数说明

参数 类型 必填 说明 默认值
v-model String / Number 当前显示内容的数组的下标 -
data Array 代表卡片数量以及标题 -
height String / Number 高度 -
mode String 模式:
step:步骤页;
browse:滑动浏览模式;
vertical:竖形浏览。
step
color String 主题色 #67C23A

方法说明

方法名称 说明 返回值类型
updatevalue 内容切换时优先触发该方法,第一个参数正负数代表下一步或上一步,第二个参数可带false值阻止切换 Number and Function

使用示例

<template>
    <view>
        <pc-tabes v-model="activeName" :data="data" mode="browse" @updatevalue="updatevalue">
            <view v-if="activeName==0">这是第一页内容</view>
            <view v-if="activeName==1">这是第二页内容</view>
            <view v-if="activeName==2">这是第三页内容</view>
            <view v-if="activeName==3">这是第四页内容</view>
            <view v-if="activeName==4">这是第五页内容</view>
            <view v-if="activeName==5">这是第六页内容</view>
        </pc-tabes>
    </view>
</template>

<script>
    export default {
        data(){
            return{
                activeName:0,
                data:['第一页','第二页','第三页','第四页','第五页','第六页']
            }
        },
        methods:{
            updatevalue(index,callback){
                // 内容切换时优先触发该方法
                // index==1 下一步
                // index==-1 上一步

                // callback 带false条件返回即可阻止切换
                 callback(false)
            }
        }
    }
</script>

隐私、权限声明

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

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

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

许可协议

MIT协议

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