智慧宿舍系统小程序

wechat/miniprogram/node_modules/@vant/weapp/dist/tabbar-item/index.d.ts

@@ -0,0 +1 @@
+export {};

wechat/miniprogram/node_modules/@vant/weapp/dist/tabbar-item/index.js

@@ -0,0 +1,56 @@
+import { VantComponent } from '../common/component';
+import { useParent } from '../common/relation';
+VantComponent({
+  props: {
+    info: null,
+    name: null,
+    icon: String,
+    dot: Boolean,
+    iconPrefix: {
+      type: String,
+      value: 'van-icon',
+    },
+  },
+  relation: useParent('tabbar'),
+  data: {
+    active: false,
+    activeColor: '',
+    inactiveColor: '',
+  },
+  methods: {
+    onClick() {
+      const { parent } = this;
+      if (parent) {
+        const index = parent.children.indexOf(this);
+        const active = this.data.name || index;
+        if (active !== this.data.active) {
+          parent.$emit('change', active);
+        }
+      }
+      this.$emit('click');
+    },
+    updateFromParent() {
+      const { parent } = this;
+      if (!parent) {
+        return;
+      }
+      const index = parent.children.indexOf(this);
+      const parentData = parent.data;
+      const { data } = this;
+      const active = (data.name || index) === parentData.active;
+      const patch = {};
+      if (active !== data.active) {
+        patch.active = active;
+      }
+      if (parentData.activeColor !== data.activeColor) {
+        patch.activeColor = parentData.activeColor;
+      }
+      if (parentData.inactiveColor !== data.inactiveColor) {
+        patch.inactiveColor = parentData.inactiveColor;
+      }
+      if (Object.keys(patch).length > 0) {
+        this.setData(patch);
+      }
+    },
+  },
+});

wechat/miniprogram/node_modules/@vant/weapp/dist/tabbar-item/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-info": "../info/index"
+  }
+}

wechat/miniprogram/node_modules/@vant/weapp/dist/tabbar-item/index.wxml

@@ -0,0 +1,28 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="{{ utils.bem('tabbar-item', { active }) }} custom-class"
+  style="color: {{ active ? activeColor : inactiveColor }}"
+  bindtap="onClick"
+>
+  <view class="van-tabbar-item__icon">
+    <van-icon
+      wx:if="{{ icon }}"
+      name="{{ icon }}"
+      class-prefix="{{ iconPrefix }}"
+      custom-class="van-tabbar-item__icon__inner"
+    />
+    <block wx:else>
+      <slot wx:if="{{ active }}" name="icon-active" />
+      <slot wx:else name="icon" />
+    </block>
+    <van-info
+      dot="{{ dot }}"
+      info="{{ info }}"
+      custom-class="van-tabbar-item__info"
+    />
+  </view>
+  <view class="van-tabbar-item__text">
+    <slot />
+  </view>
+</view>

wechat/miniprogram/node_modules/@vant/weapp/dist/tabbar-item/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{-webkit-flex:1;flex:1}.van-tabbar-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;color:#646566;color:var(--tabbar-item-text-color,#646566);font-size:12px;font-size:var(--tabbar-item-font-size,12px);line-height:1;line-height:var(--tabbar-item-line-height,1)}.van-tabbar-item__icon{position:relative;margin-bottom:4px;margin-bottom:var(--tabbar-item-margin-bottom,4px);font-size:22px;font-size:var(--tabbar-item-icon-size,22px)}.van-tabbar-item__icon__inner{display:block;min-width:1em}.van-tabbar-item--active{color:#1989fa;color:var(--tabbar-item-active-color,#1989fa)}.van-tabbar-item__info{margin-top:2px}