更新

TongjiUniApp/unpackage/dist/dev/mp-weixin/components/app-tab-bar/tab-bar-dock.js

@@ -0,0 +1,40 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const color = "#8a8a8a";
+const activeColor = "#204e2b";
+const _sfc_main = {
+  __name: "tab-bar-dock",
+  props: {
+    /** 0 血糖 1 我的 */
+    active: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function goUser() {
+      if (props.active === 1)
+        return;
+      common_vendor.index.redirectTo({ url: "/pages/user/user" });
+    }
+    function goWeekly() {
+      if (props.active === 0)
+        return;
+      common_vendor.index.redirectTo({ url: "/tongji/pages/weekly" });
+    }
+    return (_ctx, _cache) => {
+      return {
+        a: __props.active === 0 ? 1 : "",
+        b: __props.active === 0 ? activeColor : color,
+        c: common_vendor.o(goWeekly, "40"),
+        d: __props.active === 1 ? "/static/user/user_no.png" : "/static/user/user.png",
+        e: __props.active === 1 ? activeColor : color,
+        f: common_vendor.o(goUser, "79")
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c3efacf5"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/app-tab-bar/tab-bar-dock.js.map

TongjiUniApp/unpackage/dist/dev/mp-weixin/components/app-tab-bar/tab-bar-dock.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

TongjiUniApp/unpackage/dist/dev/mp-weixin/components/app-tab-bar/tab-bar-dock.wxml

@@ -0,0 +1 @@
+<view class="tab-dock data-v-c3efacf5"><view class="tab-dock__inner data-v-c3efacf5"><view class="tab-dock__item tab-dock__item--center data-v-c3efacf5" bindtap="{{c}}"><view class="{{['tab-dock__fab', 'data-v-c3efacf5', a && 'tab-dock__fab--active']}}"><text class="tab-dock__fab-text data-v-c3efacf5">糖</text></view><text class="tab-dock__label tab-dock__label--center data-v-c3efacf5" style="{{'color:' + b}}">血糖</text></view><view class="tab-dock__item data-v-c3efacf5" bindtap="{{f}}"><image class="tab-dock__icon data-v-c3efacf5" src="{{d}}" mode="aspectFit"/><text class="tab-dock__label data-v-c3efacf5" style="{{'color:' + e}}">我的</text></view></view><view class="tab-dock__safe data-v-c3efacf5"/></view>

TongjiUniApp/unpackage/dist/dev/mp-weixin/components/app-tab-bar/tab-bar-dock.wxss

@@ -0,0 +1,90 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.tab-dock.data-v-c3efacf5 {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+  background: #ffffff;
+  border-top: 1rpx solid rgba(0, 0, 0, 0.06);
+  box-shadow: 0 -6rpx 20rpx rgba(0, 0, 0, 0.04);
+}
+.tab-dock__inner.data-v-c3efacf5 {
+  display: flex;
+  align-items: flex-end;
+  height: 100rpx;
+}
+.tab-dock__item.data-v-c3efacf5 {
+  flex: 1;
+  height: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.tab-dock__item--center.data-v-c3efacf5 {
+  justify-content: flex-end;
+  padding-bottom: 6rpx;
+}
+.tab-dock__icon.data-v-c3efacf5 {
+  width: 46rpx;
+  height: 46rpx;
+}
+.tab-dock__label.data-v-c3efacf5 {
+  margin-top: 6rpx;
+  font-size: 22rpx;
+  line-height: 1.2;
+}
+.tab-dock__label--center.data-v-c3efacf5 {
+  margin-top: 8rpx;
+}
+.tab-dock__fab.data-v-c3efacf5 {
+  width: 96rpx;
+  height: 96rpx;
+  margin-top: -48rpx;
+  border-radius: 50%;
+  background: linear-gradient(180deg, #2d7340 0%, #204e2b 100%);
+  border: 6rpx solid #ffffff;
+  box-shadow: 0 10rpx 24rpx rgba(32, 78, 43, 0.35);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tab-dock__fab--active.data-v-c3efacf5 {
+  transform: scale(1.04);
+  box-shadow: 0 12rpx 28rpx rgba(32, 78, 43, 0.42);
+}
+.tab-dock__fab-text.data-v-c3efacf5 {
+  color: #ffffff;
+  font-size: 38rpx;
+  font-weight: 700;
+  line-height: 1;
+}
+.tab-dock__safe.data-v-c3efacf5 {
+  height: env(safe-area-inset-bottom);
+  background: #ffffff;
+}