打包地址

unpackage/dist/dev/mp-weixin/components/navBar/navBar.js

@@ -0,0 +1,98 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const common_assets = require("../../common/assets.js");
+const utils_navTo = require("../../utils/navTo.js");
+if (!Array) {
+  const _easycom_up__image2 = common_vendor.resolveComponent("up--image");
+  const _easycom_up_icon2 = common_vendor.resolveComponent("up-icon");
+  (_easycom_up__image2 + _easycom_up_icon2)();
+}
+const _easycom_up__image = () => "../../node-modules/uview-plus/components/u--image/u--image.js";
+const _easycom_up_icon = () => "../../node-modules/uview-plus/components/u-icon/u-icon.js";
+if (!Math) {
+  (_easycom_up__image + _easycom_up_icon)();
+}
+const _sfc_main = {
+  __name: "navBar",
+  props: {
+    searchWord: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "home"
+    },
+    navName: {
+      type: String,
+      default: "肝胆相照临床病例库"
+    }
+  },
+  emits: ["changeWord"],
+  setup(__props, { emit: __emit }) {
+    const userHeadImg = common_vendor.ref("");
+    const keyWord = common_vendor.ref("");
+    const props = __props;
+    const placeholder = common_vendor.ref("输入疾病名称、标题、作者搜索");
+    common_vendor.watch(() => props.type, (newVal) => {
+    }, { immediate: true });
+    common_vendor.watch(() => props.searchWord, (newVal) => {
+      keyWord.value = newVal;
+    });
+    const goMy = () => {
+      utils_navTo.navTo({
+        url: "/pages/my/my"
+      });
+    };
+    const search = () => {
+      if (props.type == "home") {
+        utils_navTo.navTo({
+          url: `/pages/search/search?keyWord=${keyWord.value}`
+        });
+      } else if (props.type == "caseTalk") {
+        utils_navTo.navTo({
+          url: `/pages/specialList/specialList?keyWord=${keyWord.value}`
+        });
+      }
+    };
+    common_vendor.onLoad(() => {
+      let userInfo = common_vendor.index.getStorageSync("userInfo");
+      if (userInfo && userInfo.avatar) {
+        userHeadImg.value = userInfo.avatar;
+      } else {
+        userHeadImg.value = common_assets.headImg;
+      }
+    });
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          src: common_vendor.unref(common_assets.logoImg),
+          width: "62rpx",
+          height: "62rpx",
+          radius: "50%"
+        }),
+        b: common_vendor.t(__props.navName),
+        c: placeholder.value,
+        d: keyWord.value,
+        e: common_vendor.o(($event) => keyWord.value = $event.detail.value),
+        f: common_vendor.o(search),
+        g: common_vendor.p({
+          name: "search",
+          size: "26",
+          color: "#999"
+        }),
+        h: common_vendor.o(goMy),
+        i: common_vendor.p({
+          src: userHeadImg.value,
+          mode: "widthFix",
+          width: "62rpx",
+          height: "62rpx",
+          radius: "50%"
+        })
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fba290dc"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/navBar/navBar.js.map

unpackage/dist/dev/mp-weixin/components/navBar/navBar.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "up--image": "../../node-modules/uview-plus/components/u--image/u--image",
+    "up-icon": "../../node-modules/uview-plus/components/u-icon/u-icon"
+  }
+}

unpackage/dist/dev/mp-weixin/components/navBar/navBar.wxml

@@ -0,0 +1 @@
+<view class="navbox data-v-fba290dc"><view class="bg data-v-fba290dc"></view><view class="namebox data-v-fba290dc"><view class="logo data-v-fba290dc"><up--image wx:if="{{a}}" class="data-v-fba290dc" u-i="fba290dc-0" bind:__l="__l" u-p="{{a}}"></up--image></view><view class="name data-v-fba290dc">{{b}}</view></view><view class="search data-v-fba290dc"><view class="searchwrap data-v-fba290dc"><input type="text" class="ipt data-v-fba290dc" placeholder="{{c}}" value="{{d}}" bindinput="{{e}}"/><up-icon wx:if="{{g}}" class="data-v-fba290dc" bindclick="{{f}}" u-i="fba290dc-1" bind:__l="__l" u-p="{{g}}"></up-icon></view><up--image wx:if="{{i}}" class="data-v-fba290dc" bindclick="{{h}}" u-i="fba290dc-2" bind:__l="__l" u-p="{{i}}"></up--image></view></view>

unpackage/dist/dev/mp-weixin/components/navBar/navBar.wxss

@@ -0,0 +1,73 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.navbox.data-v-fba290dc {
+  padding-bottom: 20rpx;
+  background-color: #f9fafb;
+  position: relative;
+  background: radial-gradient(60% 90% at 4% 2%, #43c9c3 0%, rgba(255, 255, 255, 0) 100%);
+}
+.bg.data-v-fba290dc {
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  background: radial-gradient(43% 90% at 84% 6%, #ffd6c9 0%, rgba(255, 255, 255, 0) 100%);
+}
+.namebox.data-v-fba290dc {
+  padding-top: 102rpx;
+  margin: 0rpx 30rpx 0rpx;
+  display: flex;
+  align-items: center;
+}
+.namebox .name.data-v-fba290dc {
+  margin-left: 16rpx;
+  font-size: 30rpx;
+  color: #111827;
+}
+.search.data-v-fba290dc {
+  margin: 40rpx 30rpx 0rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.search .searchwrap.data-v-fba290dc {
+  display: flex;
+  padding-right: 35rpx;
+  align-items: center;
+  flex: 1;
+  padding-left: 28rpx;
+  margin-right: 23rpx;
+  height: 80rpx;
+  background: #fbfbfb;
+  box-shadow: 0px 4rpx 10rpx 0px rgba(153, 153, 153, 0.5);
+  border-radius: 40rpx;
+}
+.search .searchwrap .ipt.data-v-fba290dc {
+  flex: 1;
+  margin-left: 15rpx;
+  font-size: 28rpx;
+}