平台兼容性


<template>
    <Tabs
        :TabList="TabList"
        :currentTab="current"
        @tabs="tabsChange"
    >
        <TabPane>
            <view>1</view>
        </TabPane>
        <TabPane>
            <view>2</view>
        </TabPane>
        <TabPane>
            <view>3</view>
        </TabPane>
    </Tabs>
</template>   
<script>  
/**
 * 使用stylus预处理器,可能需要自己添加一下
 * 引入tabs 和tabPane组件  
    为tabs 传入 
    tablist(tab标题),
    currentTab(选中的tab), 
    @tabs事件  改变选中的tabs
    TabList:[
        {title:'商品介绍'},
        {title:'规格参数'},
        {title:'售后保障'}
    ]  
    TabPane 根据 tab的多少添加。  
    更新:  
        在tabPane区域添加了滑动手指事件。横向滑动切换tab。  
        在tabs.vue中的  tabChange方法中发布了全局事件,不需要可以注释掉。这里主要方便tabpane中的内容监听 tabs的切换做出响应。  
*/
import Tabs from './components/tabs/tabs.vue'
import TabPane from './components/tabs/tabPane.vue'

export default {
    data(){
        return{
            current:0,
            TabList:[
                {title:'商品介绍'},
                {title:'规格参数'},
                {title:'售后保障'}
            ]
        }
    },
    methods:{
        tabsChange(index){
            this.current = index
        }
    },
    components:{
        Tabs,
        TabPane
    }
}
</script>

隐私、权限声明

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

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

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

许可协议

MIT协议

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