1.0.1 • Published 7 years ago

wepy-com-tabs v1.0.1

Weekly downloads
4
License
ISC
Repository
github
Last release
7 years ago

微信小程序 wepyjs 第三方tabs组件

说明

菜单栏组件、可滑动、下划线、css动画

此组件依赖于wepyjs

需要开启 Promise 支持

使用

安装组件

npm install wepy-com-tabs --save

引入组件

// index.wpy
<template>
    <tabs @change.user="tabChange" />
</template>
<script>
    import wepy from 'wepy';
    import Tabs from 'wepy-com-tabs';

    export default class Index extends wepy.page {
        components = {
            tabs: Tabs
        };
    }
</script>

属性值

属性默认值类型必填说明
height35String高度px
sliderWidth20String下划线宽度px
fontSize12String字体大小px
selectColor#1AAD19String选择时颜色
color#888888String颜色

调用方法

this.$invoke('tabs','init',['选项1','选项2','选项3']);

methods = {
    tabChange(index){
        console.log(index);
    }
};

展示

image