feat:设计师详情

packages/assets/src/assets/svgs/desin_top_bg.svg

@@ -0,0 +1,9 @@
+<svg width="375" height="238" viewBox="0 0 375 238" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H375V238C375 238 260.957 238 187.5 238C114.043 238 0 238 0 238V0Z" fill="url(#paint0_linear_755_6945)"/>
+<defs>
+<linearGradient id="paint0_linear_755_6945" x1="187.5" y1="1.18527e-08" x2="187.9" y2="238.294" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2357E9"/>
+<stop offset="1" stop-color="#2357E9" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

packages/assets/src/assets/svgs/location_icon.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.69995 7.5C6.59995 7.5 5.69995 6.6 5.69995 5.5C5.69995 4.4 6.59995 3.5 7.69995 3.5C8.79995 3.5 9.69995 4.4 9.69995 5.5C9.69995 6.6 8.79995 7.5 7.69995 7.5ZM7.69995 4.5C7.14995 4.5 6.69995 4.95 6.69995 5.5C6.69995 6.05 7.14995 6.5 7.69995 6.5C8.24995 6.5 8.69995 6.05 8.69995 5.5C8.69995 4.95 8.24995 4.5 7.69995 4.5ZM7.99995 13.4C8.24995 13.25 8.29995 12.95 8.14995 12.7C4.44995 7.25 4.19995 6.85 4.19995 5.5C4.19995 4.3 5.14995 2.5 7.69995 2.5C10.25 2.5 11.2 4.3 11.2 5.5C11.2 6.6 11.1 7 8.59995 10.75C8.44995 11 8.49995 11.3 8.74995 11.45C8.99995 11.6 9.29995 11.55 9.44995 11.3C11.85 7.7 12.2 7 12.2 5.5C12.2 3.95 11 1.5 7.69995 1.5C4.39995 1.5 3.19995 3.95 3.19995 5.5C3.19995 7.15 3.54995 7.75 7.29995 13.3C7.39995 13.45 7.54995 13.5 7.69995 13.5C7.79995 13.5 7.89995 13.45 7.99995 13.4Z" fill="black" fill-opacity="0.35"/>
+</svg>

packages/assets/src/assets/svgs/message_icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.61539 1.5C3.92951 1.5 1 4.28527 1 7.65134C1 9.23706 1.6452 10.6865 2.71411 11.7824C2.90693 11.98 2.90299 12.2966 2.70532 12.4894C2.50764 12.6822 2.19109 12.6783 1.99827 12.4806C0.761041 11.2123 0 9.51718 0 7.65134C0 3.67054 3.44182 0.5 7.61539 0.5C11.7889 0.5 15.2308 3.67054 15.2308 7.65134C15.2308 11.6321 11.7889 14.8027 7.61539 14.8027H3.1296C2.16806 14.8027 1.75503 15.2452 1.70216 15.3333C1.56008 15.5701 1.25295 15.6469 1.01616 15.5048C0.779373 15.3628 0.702591 15.0556 0.844665 14.8188C1.10116 14.3913 1.86372 13.8027 3.1296 13.8027H7.61539C11.3013 13.8027 14.2308 11.0174 14.2308 7.65134C14.2308 4.28527 11.3013 1.5 7.61539 1.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.02173 6.87891C4.02173 6.60276 4.24559 6.37891 4.52173 6.37891H10.709C10.9852 6.37891 11.209 6.60276 11.209 6.87891C11.209 7.15505 10.9852 7.37891 10.709 7.37891H4.52173C4.24559 7.37891 4.02173 7.15505 4.02173 6.87891Z" fill="#060606"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.02173 9.35352C4.02173 9.07737 4.24559 8.85352 4.52173 8.85352H7.92474C8.20088 8.85352 8.42474 9.07737 8.42474 9.35352C8.42474 9.62966 8.20088 9.85352 7.92474 9.85352H4.52173C4.24559 9.85352 4.02173 9.62966 4.02173 9.35352Z" fill="#060606"/>
+</svg>

packages/assets/src/assets/svgs/praise_icon.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.42562 3.17831C7.57957 1.7094 9.23209 0.655396 10.6019 1.47725C10.7337 1.55636 10.8976 1.67417 11.0236 1.85603C11.2162 2.13411 11.5 2.68438 11.5 3.49924V5.49938C11.5 5.77543 11.7238 5.99924 12 5.99924H14.6126C15.6364 5.99924 16.3594 7.00228 16.0356 7.97358L13.7023 14.9736C13.4981 15.5861 12.9249 15.9992 12.2792 15.9992H6.5C5.67157 15.9992 5 15.3277 5 14.4992V9.49924C5 9.22309 5.22386 8.99924 5.5 8.99924C5.77614 8.99924 6 9.22309 6 9.49924V14.4992C6 14.7754 6.22386 14.9992 6.5 14.9992H12.2792C12.4945 14.9992 12.6855 14.8615 12.7536 14.6574L15.0869 7.65735C15.1948 7.33359 14.9539 6.99924 14.6126 6.99924H12C11.1717 6.99924 10.5 6.3279 10.5 5.49938V3.49924C10.5 2.92846 10.3038 2.57308 10.2016 2.42552C10.1905 2.40951 10.1619 2.37949 10.0874 2.33475C9.4464 1.95017 8.51064 2.41936 8.42017 3.28255C8.34714 3.97937 8.21299 4.73291 7.93961 5.23744C7.41288 6.20956 6.74468 6.67418 6.39904 6.86198C6.20019 6.97002 5.99384 6.99924 5.82167 6.99924H3C2.72386 6.99924 2.5 7.22309 2.5 7.49924V14.4992C2.5 14.7754 2.72386 14.9992 3 14.9992H3.5C3.77614 14.9992 4 15.2231 4 15.4992C4 15.7754 3.77614 15.9992 3.5 15.9992H3C2.17157 15.9992 1.5 15.3277 1.5 14.4992V7.49924C1.5 6.67081 2.17157 5.99924 3 5.99924H5.82167C5.88541 5.99924 5.91319 5.98788 5.92163 5.98329C6.13346 5.86821 6.6437 5.53006 7.06039 4.76104C7.23082 4.44649 7.35308 3.87037 7.42562 3.17831Z" fill="black" fill-opacity="0.85"/>
+</svg>

packages/assets/src/assets/svgs/share_icon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3333 8.33272C13.3333 8.20011 13.386 8.07294 13.4797 7.97917C13.5735 7.8854 13.7007 7.83272 13.8333 7.83272C13.9659 7.83272 14.0931 7.8854 14.1868 7.97917C14.2806 8.07294 14.3333 8.20011 14.3333 8.33272V12.4994C14.3333 13.5119 13.5125 14.3327 12.5 14.3327H3.49996C2.48746 14.3327 1.66663 13.5119 1.66663 12.4994V3.99939C1.66663 2.98689 2.48746 2.16605 3.49996 2.16605H7.83329C7.9659 2.16605 8.09308 2.21873 8.18685 2.3125C8.28061 2.40627 8.33329 2.53345 8.33329 2.66605C8.33329 2.79866 8.28061 2.92584 8.18685 3.01961C8.09308 3.11338 7.9659 3.16605 7.83329 3.16605H3.49996C3.27895 3.16605 3.06698 3.25385 2.9107 3.41013C2.75442 3.56641 2.66663 3.77837 2.66663 3.99939V12.4994C2.66663 12.7204 2.75442 12.9324 2.9107 13.0886C3.06698 13.2449 3.27895 13.3327 3.49996 13.3327H12.5C12.721 13.3327 12.9329 13.2449 13.0892 13.0886C13.2455 12.9324 13.3333 12.7204 13.3333 12.4994V8.33272ZM12.6761 3.99939L11.2731 2.50872C11.1822 2.41214 11.1335 2.28341 11.1375 2.15085C11.1415 2.01829 11.198 1.89277 11.2946 1.80189C11.3912 1.71101 11.5199 1.66222 11.6525 1.66625C11.7851 1.67028 11.9106 1.7268 12.0015 1.82339L14.1975 4.15672C14.4978 4.47572 14.2715 4.99939 13.8333 4.99939H11.3235C10.0473 4.99939 8.99996 6.11205 8.99996 7.49939V10.4994C8.99996 10.632 8.94728 10.7592 8.85351 10.8529C8.75975 10.9467 8.63257 10.9994 8.49996 10.9994C8.36735 10.9994 8.24017 10.9467 8.14641 10.8529C8.05264 10.7592 7.99996 10.632 7.99996 10.4994V7.49939C7.99996 5.57289 9.48096 3.99939 11.3235 3.99939H12.6761Z" fill="black" fill-opacity="0.85"/>
+</svg>

packages/assets/src/svgs.ts

@@ -7,5 +7,27 @@ import loginPswIcon from "./assets/svgs/login_psw_icon.svg";
 import loginPswEye from "./assets/svgs/login_psw_eye.svg";
 import vipIcon from "./assets/svgs/vip_icon.svg";
 import rightArrowIcon from "./assets/svgs/right_arrow_icon.svg";
+import desinTopBg from "./assets/svgs/desin_top_bg.svg";
+import locationIcon from "./assets/svgs/location_icon.svg";
+import shareIcon from "./assets/svgs/share_icon.svg";
+import praiseIcon from "./assets/svgs/praise_icon.svg";
+import messageIcon from "./assets/svgs/message_icon.svg";
+import yinyongIcon from "./assets/svgs/yinyong_icon.svg";
 
-export { ts, pageHeaderBg, pageHeaderFilter, merchantPageHeaderBg, loginAccountIcon, loginPswIcon, loginPswEye, vipIcon, rightArrowIcon };
+export {
+  ts,
+  pageHeaderBg,
+  pageHeaderFilter,
+  merchantPageHeaderBg,
+  loginAccountIcon,
+  loginPswIcon,
+  loginPswEye,
+  vipIcon,
+  rightArrowIcon,
+  desinTopBg,
+  locationIcon,
+  shareIcon,
+  praiseIcon,
+  messageIcon,
+  yinyongIcon,
+};

packages/merchant/src/pages.json

@@ -73,6 +73,15 @@
       }
     },
     {
+      "path": "pages/designer/detail",
+      "type": "page",
+      "layout": "tabbar",
+      "style": {
+        "navigationBarTitleText": "全部设计师",
+        "navigationBarBackgroundColor": "#fff"
+      }
+    },
+    {
       "path": "pages/designer/index",
       "type": "page",
       "layout": "tabbar",

packages/merchant/src/pages/designer/detail.vue

@@ -0,0 +1,345 @@
+<route lang="yaml">
+layout: tabbar
+style:
+  navigationBarTitleText: 全部设计师
+  navigationBarBackgroundColor: '#fff'
+</route>
+
+<script setup lang="ts">
+import {
+  desinTopBg,
+  merchantPageHeaderBg,
+  rightArrowIcon,
+  vipIcon,
+  locationIcon,
+  shareIcon,
+  praiseIcon,
+  messageIcon,
+  yinyongIcon,
+} from '@designer-hub/assets/src/svgs'
+const tab = ref(0)
+const tabs = ref([
+  { label: '数据动态', value: 'integral' },
+  { label: '跟进记录', value: 'system' },
+  { label: '圈子动态', value: 'interact' },
+])
+</script>
+
+<template>
+  <view>
+    <div class="aspect-[0.96/1] absolute left-0 right-0 top-0">
+      <wd-img
+        width="100%"
+        height="100%"
+        :src="merchantPageHeaderBg"
+        custom-class="vertical-top"
+      ></wd-img>
+    </div>
+    <div class="p-4 flex flex-col gap-4 relative">
+      <div class="bg-white rounded-2xl shadow flex items-center p-4">
+        <div>
+          <img class="w-16 h-16 rounded-full" src="https://via.placeholder.com/64x64" />
+        </div>
+        <div class="flex-1 ml-[11px]">
+          <div class="flex flex-col w-[100%]">
+            <div class="flex-row flex items-center justify-between w-full">
+              <div class="flex-row flex items-center">
+                <div
+                  class="text-black/90 text-base font-normal font-['PingFang SC'] leading-[10.18px]"
+                >
+                  苏小萌
+                </div>
+
+                <div
+                  class="h-4 bg-neutral-100 rounded-[20px] justify-start items-center inline-flex flex-row ml-[9px]"
+                >
+                  <wd-img width="17" height="17" :src="vipIcon"></wd-img>
+
+                  <div
+                    class="text-black/40 text-[10px] font-normal font-['PingFang SC'] px-[7px] leading-none"
+                  >
+                    白银会员
+                  </div>
+                </div>
+              </div>
+              <div
+                class="text-black/60 text-xs font-normal font-['PingFang SC'] leading-snug flex items-center"
+              >
+                <div>个人主页</div>
+                <wd-img width="13" height="13" :src="rightArrowIcon"></wd-img>
+              </div>
+            </div>
+          </div>
+          <div class="mt-[20px] flex items-center">
+            <div class="text-[#2357e9] text-xs font-normal font-['PingFang SC'] leading-none">
+              个人信息
+            </div>
+            <wd-img width="13" height="13" :src="rightArrowIcon"></wd-img>
+          </div>
+        </div>
+      </div>
+      <div>
+        <wd-tabs v-model="tab">
+          <block v-for="(item, index) in tabs" :key="item">
+            <wd-tab :title="`${item.label}`">
+              <view class="content mt-[20px]" v-if="index === 0">
+                <div class="bg-white rounded-2xl shadow pa-[15px]">
+                  <div class="flex items-center justify-between">
+                    <div
+                      class="text-black/90 text-base font-normal font-['PingFang SC'] leading-relaxed"
+                    >
+                      积分动态
+                    </div>
+                    <div
+                      class="text-black/30 text-xs font-normal font-['PingFang SC'] leading-none"
+                    >
+                      积分明细
+                    </div>
+                  </div>
+                  <div class="mt-3 grid grid-cols-3 gap-2.5">
+                    <template
+                      v-for="{ name, value } of [
+                        { name: '当前剩余积分', des: '最近', value: 220 },
+                        { name: '累计获得积分', des: '本年', value: 220 },
+                        { name: '累计消耗积分', des: '本年', value: 220 },
+                        { name: '累计跟进次数', des: '本年', value: 220 },
+                        { name: '累计消耗次数', des: '本年', value: 220 },
+                        { name: '累计获得次数', des: '本年', value: 220 },
+                      ]"
+                      :key="name"
+                    >
+                      <div class="rounded-lg aspect-[1/1] flex flex-col justify-around p-2.5">
+                        <div
+                          class="text-black/60 text-xs font-normal font-['PingFang SC'] leading-none"
+                        >
+                          {{ name }}
+                        </div>
+                        <div
+                          class="text-black/90 text-lg font-bold font-['D-DIN Exp'] leading-normal"
+                        >
+                          {{ value }}
+                        </div>
+                        <div class="flex items-center gap-1">
+                          <div
+                            class="text-black/40 text-xs font-normal font-['PingFang SC'] leading-none"
+                          >
+                            年新增
+                          </div>
+                          <div
+                            class="text-black/90 text-xs font-normal font-['D-DIN Exp'] leading-norma"
+                          >
+                            20
+                          </div>
+                        </div>
+                      </div>
+                    </template>
+                  </div>
+                </div>
+                <div class="bg-white rounded-2xl shadow pa-[15px] mt-[20px]">
+                  <div class="flex items-center justify-between">
+                    <div
+                      class="text-black/90 text-base font-normal font-['PingFang SC'] leading-relaxed"
+                    >
+                      使用动态
+                    </div>
+                  </div>
+                  <div class="mt-3 grid grid-cols-3 gap-2.5">
+                    <template
+                      v-for="{ name, value } of [
+                        { name: '打开次数', des: '最近', value: 220 },
+                        { name: '浏览时长', des: '本年', value: 220 },
+                        { name: '发圈次数', des: '本年', value: 220 },
+                        { name: '主页分享数', des: '本年', value: 220 },
+                        { name: '分享浏览数', des: '本年', value: 220 },
+                        { name: '分享获客数', des: '本年', value: 220 },
+                      ]"
+                      :key="name"
+                    >
+                      <div class="rounded-lg aspect-[1/1] flex flex-col justify-around p-2.5">
+                        <div
+                          class="text-black/60 text-xs font-normal font-['PingFang SC'] leading-none"
+                        >
+                          {{ name }}
+                        </div>
+                        <div
+                          class="text-black/90 text-lg font-bold font-['D-DIN Exp'] leading-normal"
+                        >
+                          {{ value }}
+                        </div>
+                        <div class="flex items-center gap-1">
+                          <div
+                            class="text-black/40 text-xs font-normal font-['PingFang SC'] leading-none"
+                          >
+                            年新增
+                          </div>
+                          <div
+                            class="text-black/90 text-xs font-normal font-['D-DIN Exp'] leading-norma"
+                          >
+                            20
+                          </div>
+                        </div>
+                      </div>
+                    </template>
+                  </div>
+                </div>
+                <div class="bg-white rounded-2xl shadow pa-[15px] mt-[20px]">
+                  <div class="flex items-center justify-between">
+                    <div
+                      class="text-black/90 text-base font-normal font-['PingFang SC'] leading-relaxed"
+                    >
+                      最近动态
+                    </div>
+                  </div>
+                  <div class="mt-3">
+                    <div
+                      class="text-black/90 text-sm font-normal font-['PingFang SC'] leading-none"
+                    >
+                      苏小萌报名了早稻田深度设计游学
+                    </div>
+                    <div
+                      class="text-black/30 text-xs font-normal font-['PingFang SC'] leading-none mt-[10px]"
+                    >
+                      2024-09-08 14:12
+                    </div>
+                  </div>
+                </div>
+              </view>
+              <view class="content mt-[20px]" v-if="index === 1">
+                <div
+                  class="bg-white rounded-2xl shadow pl-[15px] py-[15px] mt-[20px] flex-col gap-2 flex"
+                >
+                  <div class="flex items-center justify-between">
+                    <div
+                      class="text-black/90 text-base font-normal font-['PingFang SC'] leading-relaxed"
+                    >
+                      2024-09-02 9:20
+                    </div>
+                    <div
+                      class="text-white text-xs font-normal font-['PingFang SC'] leading-none bg-[#2357E9] pa-[8px]"
+                      style="border-top-left-radius: 15px; border-bottom-left-radius: 5px"
+                    >
+                      线下拜访
+                    </div>
+                  </div>
+                  <div
+                    class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-normal mr-[15px] mt-[29px]"
+                  >
+                    和周老师在工作碰了环球项目，选了瓷砖款式，后天客户交定金，订单金额初步为 304958
+                  </div>
+                  <div class="mt-[15px]">
+                    <img
+                      class="w-[70px] h-[70px] rounded-lg"
+                      src="https://via.placeholder.com/70x70"
+                    />
+                  </div>
+                  <div class="flex items-center justify-between mt-[19px]">
+                    <div
+                      class="h-[25px] px-1.5 bg-[#f4f4f4] rounded-md justify-center items-center gap-1 inline-flex"
+                    >
+                      <wd-img width="15px" height="15px" :src="locationIcon"></wd-img>
+
+                      <div
+                        class="text-black/40 text-[10px] font-normal font-['PingFang SC'] leading-[25px]"
+                      >
+                        一间空间设计工作室
+                      </div>
+                    </div>
+                    <div
+                      class="text-black/90 text-sm font-normal font-['PingFang SC'] leading-relaxed mr-[15px]"
+                    >
+                      渠道：李薇
+                    </div>
+                  </div>
+                </div>
+              </view>
+              <view class="content mt-[20px]" v-if="index === 2">
+                <div class="bg-white rounded-2xl shadow pa-[15px] mt-[20px] flex-col gap-2 flex">
+                  <div class="flex-row flex items-center justify-between w-full">
+                    <div class="flex-row flex items-center">
+                      <div
+                        class="text-black/90 text-base font-normal font-['PingFang SC'] leading-[10.18px]"
+                      >
+                        苏小萌
+                      </div>
+
+                      <div
+                        class="h-4 bg-neutral-100 rounded-[20px] justify-start items-center inline-flex flex-row ml-[9px]"
+                      >
+                        <wd-img width="17" height="17" :src="vipIcon"></wd-img>
+
+                        <div
+                          class="text-black/40 text-[10px] font-normal font-['PingFang SC'] px-[7px] leading-none"
+                        >
+                          白银会员
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="text-black/40 text-sm font-normal font-['PingFang SC'] leading-[10.18px]"
+                    >
+                      4小时前
+                    </div>
+                  </div>
+                  <div class="mt-[26px]">
+                    <img
+                      class="w-[165px] h-[220px] rounded-lg"
+                      src="https://via.placeholder.com/165x220"
+                    />
+                  </div>
+                  <div
+                    class="text-black/90 text-base font-normal font-['PingFang SC'] leading-[10.18px] mt-[29px]"
+                  >
+                    用心做好设计，为客户创造美好家居环境
+                  </div>
+                  <div
+                    class="h-7 py-1.5 rounded-[50px] border border-black/20 justify-start items-center gap-[5px] inline-flex mt-[29px]"
+                  >
+                    <wd-img width="17" height="17" :src="yinyongIcon"></wd-img>
+
+                    <div
+                      class="text-black/60 text-xs font-normal font-['PingFang SC'] leading-none"
+                    >
+                      意大利游学设计班
+                    </div>
+                  </div>
+                  <div class="flex items-center justify-between mt-[19px]">
+                    <div class="flex items-center gap-[8px]">
+                      <wd-img width="17" height="17" :src="shareIcon"></wd-img>
+                      <div
+                        class="text-black/90 text-sm font-normal font-['D-DIN Exp'] leading-snug"
+                      >
+                        232
+                      </div>
+                    </div>
+                    <div class="flex items-center gap-[8px]">
+                      <wd-img width="17" height="17" :src="messageIcon"></wd-img>
+                      <div
+                        class="text-black/90 text-sm font-normal font-['D-DIN Exp'] leading-snug"
+                      >
+                        232
+                      </div>
+                    </div>
+                    <div class="flex items-center gap-[8px]">
+                      <wd-img width="17" height="17" :src="praiseIcon"></wd-img>
+                      <div
+                        class="text-black/90 text-sm font-normal font-['D-DIN Exp'] leading-snug"
+                      >
+                        232
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </view>
+            </wd-tab>
+          </block>
+        </wd-tabs>
+      </div>
+    </div>
+  </view>
+</template>
+
+<style scoped lang="scss">
+:deep(.wd-tabs) {
+  background: transparent;
+}
+</style>

packages/merchant/src/pages/designer/index.vue

@@ -11,7 +11,7 @@ import { integral, interact, system } from '@/core/libs/svgs'
 import { beforeNow } from '@/utils/date-util'
 import dayjs from 'dayjs'
 import { vipIcon, rightArrowIcon } from '@designer-hub/assets/src/svgs'
-
+const searchText = ref('')
 const msgs = ref([
   {
     title: '王磊回复了你',
@@ -24,20 +24,36 @@ const msgs = ref([
     content: '设计师李家豪刚刚点赞了你的设计圈点击前往查看',
   },
 ])
+const searchFocus = () => {
+  console.log('focus')
+}
+const searchBlur = () => {
+  console.log('focus')
+}
+const search = () => {
+  console.log('search')
+}
+const cancelSearch = () => {
+  console.log('cancel')
+}
+const searchChange = (e: any) => {
+  console.log(e)
+}
+const toDetail = async () => {
+  await uni.navigateTo({ url: '/pages/designer/detail' })
+}
 </script>
 
 <template>
   <view class="flex-grow">
     <div>
       <wd-search
-        v-model="value"
-        @focus="focus"
-        @blur="blur"
+        v-model="searchText"
+        @focus="searchFocus"
+        @blur="searchBlur"
         @search="search"
-        @clear="clear"
-        @cancel="cancel"
-        @change="change"
-        maxlength="10"
+        @cancel="cancelSearch"
+        @change="searchChange"
       />
     </div>
     <div class="p-3.5 gap-3.5 flex flex-col">
@@ -49,9 +65,7 @@ const msgs = ref([
                 <div
                   class="w-[55px] h-[55px] bg-neutral-100 rounded-full mr-2 flex items-center justify-center"
                 >
-                  <wd-img
-                    :src="{ integral: integral, system: system, interact: interact }"
-                  ></wd-img>
+                  <wd-img src=""></wd-img>
                 </div>
                 <div class="flex flex-col flex-1">
                   <div class="flex-row flex items-center justify-between w-full">
@@ -76,6 +90,7 @@ const msgs = ref([
                     </div>
                     <div
                       class="text-black/60 text-xs font-normal font-['PingFang SC'] leading-snug flex items-center"
+                      @click="toDetail"
                     >
                       <div>分享主页</div>
                       <wd-img width="13" height="13" :src="rightArrowIcon"></wd-img>

packages/merchant/src/types/uni-pages.d.ts

@@ -6,6 +6,7 @@
 interface NavigateToOptions {
   url: "/pages/home/index" |
        "/pages/about/about" |
+       "/pages/designer/detail" |
        "/pages/designer/index" |
        "/pages/login/index" |
        "/pages/material/index" |