仿互站小程序

vant/tab/index.js

@@ -0,0 +1,35 @@
+(0, require("../common/component").VantComponent)({
+    relation: {
+        name: "tabs",
+        type: "ancestor"
+    },
+    props: {
+        icon: String,
+        iconStyle: String,
+        dot: Boolean,
+        info: null,
+        title: String,
+        disabled: Boolean,
+        titleStyle: String
+    },
+    data: {
+        width: null,
+        inited: !1,
+        active: !1,
+        animated: !1
+    },
+    watch: {
+        icon: "update",
+        title: "update",
+        disabled: "update",
+        dot: "update",
+        info: "update",
+        titleStyle: "update"
+    },
+    methods: {
+        update: function() {
+            var t = this.getRelationNodes("../tabs/index")[0];
+            t && t.updateTabs();
+        }
+    }
+});

vant/tab/index.json

@@ -0,0 +1,13 @@
+{
+    "component": true,
+    "usingComponents": {
+        "forview": "/utils/forview/index",
+        "van-loading": "/vant/loading/index",
+        "van-dialog": "/vant/dialog/index",
+        "van-button": "/vant/button/index",
+        "van-icon": "/vant/icon/index",
+        "van-popup": "/vant/popup/index",
+        "van-tab": "/vant/tab/index",
+        "van-tabs": "/vant/tabs/index"
+    }
+}

vant/tab/index.wxml

@@ -0,0 +1,4 @@
+<view class="custom-class {{utils.bem( 'tab__pane',{active:active,inactive:!active} )}}" style="{{animated||active?'':'display: none;'}} {{width?'width:'+width+'px;':''}}" wx:if="{{animated||inited}}">
+    <slot></slot>
+</view>
+<wxs module="utils" src="../wxs/utils.wxs" />

vant/tab/index.wxss

@@ -0,0 +1,15 @@
+@import "../area/index.wxss";
+
+.van-tab__pane {
+    box-sizing: border-box;
+    overflow-y: auto;
+}
+
+.van-tab__pane--active {
+    height: auto;
+}
+
+.van-tab__pane--inactive {
+    height: 0;
+    overflow: visible;
+}