打包地址

unpackage/dist/dev/mp-weixin/node-modules/uview-plus/components/u-tabbar/u-tabbar.js

@@ -0,0 +1,78 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "u-tabbar",
+  mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$23],
+  data() {
+    return {
+      placeholderHeight: 0
+    };
+  },
+  computed: {
+    tabbarStyle() {
+      const style = {
+        zIndex: this.zIndex
+      };
+      return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
+    },
+    // 监听多个参数的变化，通过在computed执行对应的操作
+    updateChild() {
+      return [this.value, this.activeColor, this.inactiveColor];
+    },
+    updatePlaceholder() {
+      return [this.fixed, this.placeholder];
+    }
+  },
+  watch: {
+    updateChild() {
+      this.updateChildren();
+    },
+    updatePlaceholder() {
+      this.setPlaceholderHeight();
+    }
+  },
+  created() {
+    this.children = [];
+  },
+  mounted() {
+    this.setPlaceholderHeight();
+  },
+  methods: {
+    updateChildren() {
+      this.children.length && this.children.map((child) => child.updateFromParent());
+    },
+    // 设置用于防止塌陷元素的高度
+    async setPlaceholderHeight() {
+      if (!this.fixed || !this.placeholder)
+        return;
+      await common_vendor.sleep(20);
+      this.$uGetRect(".u-tabbar__content").then(({ height = 50 }) => {
+        this.placeholderHeight = height;
+      });
+    }
+  }
+};
+if (!Array) {
+  const _easycom_u_safe_bottom2 = common_vendor.resolveComponent("u-safe-bottom");
+  _easycom_u_safe_bottom2();
+}
+const _easycom_u_safe_bottom = () => "../u-safe-bottom/u-safe-bottom.js";
+if (!Math) {
+  _easycom_u_safe_bottom();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: _ctx.safeAreaInsetBottom
+  }, _ctx.safeAreaInsetBottom ? {} : {}, {
+    b: common_vendor.o((...args) => _ctx.noop && _ctx.noop(...args)),
+    c: common_vendor.n(_ctx.border && "u-border-top"),
+    d: common_vendor.n(_ctx.fixed && "u-tabbar--fixed"),
+    e: common_vendor.s($options.tabbarStyle),
+    f: _ctx.placeholder
+  }, _ctx.placeholder ? {
+    g: $data.placeholderHeight + "px"
+  } : {});
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d5be2d5d"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/node-modules/uview-plus/components/u-tabbar/u-tabbar.js.map

unpackage/dist/dev/mp-weixin/node-modules/uview-plus/components/u-tabbar/u-tabbar.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "u-safe-bottom": "../u-safe-bottom/u-safe-bottom"
+  }
+}

unpackage/dist/dev/mp-weixin/node-modules/uview-plus/components/u-tabbar/u-tabbar.wxml

@@ -0,0 +1 @@
+<view class="u-tabbar data-v-d5be2d5d"><view ref="u-tabbar__content" catchtouchmove="{{b}}" class="{{['u-tabbar__content', 'data-v-d5be2d5d', c, d]}}" style="{{e}}"><view class="u-tabbar__content__item-wrapper data-v-d5be2d5d"><slot/></view><u-safe-bottom wx:if="{{a}}" class="data-v-d5be2d5d" u-i="d5be2d5d-0" bind:__l="__l"></u-safe-bottom></view><view wx:if="{{f}}" class="u-tabbar__placeholder data-v-d5be2d5d" style="{{'height:' + g}}"></view></view>

unpackage/dist/dev/mp-weixin/node-modules/uview-plus/components/u-tabbar/u-tabbar.wxss

@@ -0,0 +1,73 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.u-empty.data-v-d5be2d5d,
+.u-empty__wrap.data-v-d5be2d5d,
+.u-tabs.data-v-d5be2d5d,
+.u-tabs__wrapper.data-v-d5be2d5d,
+.u-tabs__wrapper__scroll-view-wrapper.data-v-d5be2d5d,
+.u-tabs__wrapper__scroll-view.data-v-d5be2d5d,
+.u-tabs__wrapper__nav.data-v-d5be2d5d,
+.u-tabs__wrapper__nav__line.data-v-d5be2d5d,
+.up-empty.data-v-d5be2d5d,
+.up-empty__wrap.data-v-d5be2d5d,
+.up-tabs.data-v-d5be2d5d,
+.up-tabs__wrapper.data-v-d5be2d5d,
+.up-tabs__wrapper__scroll-view-wrapper.data-v-d5be2d5d,
+.up-tabs__wrapper__scroll-view.data-v-d5be2d5d,
+.up-tabs__wrapper__nav.data-v-d5be2d5d,
+.up-tabs__wrapper__nav__line.data-v-d5be2d5d {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  flex-grow: 0;
+  flex-basis: auto;
+  align-items: stretch;
+  align-content: flex-start;
+}
+.u-tabbar.data-v-d5be2d5d {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  border-top: 2rpx solid #f3f4f6 !important;
+}
+.u-tabbar__content.data-v-d5be2d5d {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+.u-tabbar__content__item-wrapper.data-v-d5be2d5d {
+  height: 50px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+.u-tabbar--fixed.data-v-d5be2d5d {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}