5.19

components/navBar/navBar.vue

@@ -7,7 +7,7 @@
     </view>
     <view class="search">
       <view class="searchwrap">
-        <up-icon name="search" size="26" color="#999"></up-icon>
+       
         <!-- <up--image
           :src="ssImg"
           class="ssImg"
@@ -15,7 +15,8 @@
           width="30rpx"
           height="30rpx"
         ></up--image> -->
-        <input type="text" class="ipt" />
+         <input type="text" class="ipt" />
+         <up-icon name="search" size="26" color="#999"></up-icon>
       </view>
       <up--image
         :src="headImg"
@@ -75,6 +76,7 @@ import ssImg from "@/static/ss.png";
   justify-content: space-between;
   .searchwrap {
     display: flex;
+    padding-right:35rpx;
     align-items: center;
     flex: 1;
     padding-left: 28rpx;
@@ -85,6 +87,7 @@ import ssImg from "@/static/ss.png";
     border-radius: 40rpx;
 
     .ipt {
+    flex:1;
       margin-left: 15rpx;
       font-size: 28rpx;
     }

components/tabBar/tabBar.vue

@@ -4,20 +4,59 @@
     :fixed="true"
     :zIndex="99"
     :placeholder="true"
+    activeColor="#3CC7C0"
     :safeAreaInsetBottom="true"
   >
-    <up-tabbar-item text="首页" icon="home" @click="handleClick"></up-tabbar-item>
-    <up-tabbar-item text="放映厅" icon="photo" @click="handleClick"></up-tabbar-item>
-    <up-tabbar-item
-      text="直播"
-      icon="play-right"
-      @click="handleClick"
-    ></up-tabbar-item>
-    <up-tabbar-item text="我的" icon="account" @click="handleClick"></up-tabbar-item>
+    <up-tabbar-item text="临床病例库"  @click="handleClick">
+         <image
+      class="u-page__item__slot-icon"
+      slot="active-icon"
+      :src="ku_on"
+    ></image>
+     <image
+      class="u-page__item__slot-icon"
+      slot="inactive-icon"
+       :src="ku"
+    ></image>
+    </up-tabbar-item>
+    <up-tabbar-item text="互动病例"  @click="handleClick">
+        <image
+      class="u-page__item__slot-icon"
+      slot="active-icon"
+      :src="group_on"
+    ></image>
+     <image
+      class="u-page__item__slot-icon"
+      slot="inactive-icon"
+       :src="group"
+    ></image>
+    </up-tabbar-item>
+    <up-tabbar-item text="病例交流"  @click="handleClick">
+       <image
+      class="u-page__item__slot-icon"
+      slot="active-icon"
+      width="47rpx"
+      height="47rpx"
+      :src="talk_on"
+    ></image>
+    <image
+       width="47rpx"
+       height="47rpx"
+      class="u-page__item__slot-icon"
+      slot="inactive-icon"
+      :src="talk"
+    ></image>
+    </up-tabbar-item>
   </up-tabbar>
 </template>
 
 <script setup>
+import group from "@/static/group.png";
+import ku from "@/static/ku.png";
+import ku_on from "@/static/ku_on.png";
+import group_on from "@/static/group_on.png";
+import talk from "@/static/talk.png";
+import talk_on from "@/static/talk_on.png";
 import { ref } from "vue";
 const props=defineProps({
   value: {
@@ -35,4 +74,8 @@ const handleClick = (e) => {
 </script>
 
 <style scoped>
+.u-page__item__slot-icon{
+  width: 47rpx;
+  height: 47rpx;
+}
 </style>