微信小程序--Tabs组件

Tabs组件

上一篇讲的是 Loading组件的编写，后来发现微信自己也有一个Loading，如果想要个性的话，可以自己修改了。

这次是写一个Tabs的组件，根据不同的状态，回来切换操作，标记一下，先看一下效果图：

本试例的全部代码 点击 获取，试例里用导入的引用，都可以从github里找到。

---

目录结构

tabs 三个文件

tabs.wxml

<template name="XtnTabs">
  <view class="tabsCss">
    <view class="tab" wx:for="{
   {
   Tabs}}"  wx:for-item="tab" wx:key="Id"
    bindtap="onSelectTab" id="{
   {
   index}}" data-hi="{
   {
   tab}}" >
      <view class="col" id=