project init

components/tabs/tabs.wxml

@@ -0,0 +1,53 @@
+<wxs src="./tabs.wxs" module="filters" />
+
+<view class="{{classPrefix}} {{classPrefix}}--{{placement}} {{prefix}}-class">
+  <t-sticky
+    t-class="{{classPrefix}}__sticky {{classPrefix}}__sticky--{{placement}}"
+    disabled="{{ !sticky }}"
+    z-index="{{ stickyProps.zIndex || '1' }}"
+    offset-top="{{ stickyProps.offsetTop }}"
+    container="{{ stickyProps.container }}"
+    bind:scroll="onTouchScroll"
+  >
+    <view class="{{classPrefix}}__wrapper">
+      <scroll-view
+        class="{{classPrefix}}__scroll {{classPrefix}}__scroll--{{placement}}"
+        enable-flex
+        scroll-left="{{offset}}"
+        scroll-x="{{isScrollX}}"
+        scroll-y="{{isScrollY}}"
+        scroll-with-animation
+      >
+        <view class="{{classPrefix}}__nav {{classPrefix}}__nav--{{placement}}">
+          <view
+            wx:for="{{tabs}}"
+            wx:key="index"
+            data-index="{{index}}"
+            class="{{classPrefix}}__item {{classPrefix}}__item--{{placement}} {{prefix}}-class-item {{item.disabled ? (prefix + '-is-disabled') : '' }} {{currentIndex === index ? prefix + '-is-active ' + prefix + '-class-active' : ''}}"
+            bind:tap="onTabTap"
+          >
+            {{item.label}}
+          </view>
+          <view
+            class="{{classPrefix}}__track {{classPrefix}}__track--{{placement}} {{prefix}}-class-track"
+            style="{{trackStyle}}"
+          />
+        </view>
+      </scroll-view>
+    </view>
+  </t-sticky>
+  <view
+    class="{{classPrefix}}__content"
+    bind:touchstart="onTouchStart"
+    bind:touchmove="onTouchMove"
+    bind:touchend="onTouchEnd"
+    bind:touchcancel="onTouchEnd"
+  >
+    <view
+      class="{{classPrefix}}__content-inner "
+      style="{{ filters.animate({duration: animate.duration,currentIndex:currentIndex, direction}) }}"
+    >
+      <slot />
+    </view>
+  </view>
+</view>