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="临床病例库"  @click="handleClick">
-    <up-tabbar-item text="放映厅" icon="photo" @click="handleClick"></up-tabbar-item>
+         <image
-    <up-tabbar-item
+      class="u-page__item__slot-icon"
-      text="直播"
+      slot="active-icon"
-      icon="play-right"
+      :src="ku_on"
-      @click="handleClick"
+    ></image>
-    ></up-tabbar-item>
+     <image
-    <up-tabbar-item text="我的" icon="account" @click="handleClick"></up-tabbar-item>
+      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>

pages.json

@@ -11,6 +11,13 @@
 	},
 	"pages": [ 
 		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
 		{
 			"path": "pages/detail/detail",
 			"style": {
@@ -25,13 +32,7 @@
 				 "navigationStyle": "custom"
 			    }
 		},
-		{
+		
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "uni-app",
-				 "navigationStyle": "custom"
-			    }
-		},
 		{
 			"path": "pages/login/login",
 			"style": {

pages/index/index.vue

@@ -17,24 +17,44 @@
     </view>
     <view class="kubox">
       <view class="row">
-        <view class="item">
+        <up--image
+        :src="videoImg"
+        radius="20rpx"
+        width="330rpx"
+        height="176rpx"
+
+      ></up--image>
+       <up--image
+        :src="sickImg"
+       
+         width="330rpx"
+         radius="20rpx"
+        height="176rpx"
+      ></up--image>
+        <!-- <view class="item">
           <u-icon name="order" size="28" color="#00919E"></u-icon>
           <view class="name">视频病例库</view>
         </view>
         <view class="item" style="background: #fef8f0; margin-right: 30rpx">
           <u-icon name="order" size="28" color="#F08500"></u-icon>
           <view class="name" style="color: #f08500">疾病病例库</view>
-        </view>
+        </view> -->
       </view>
       <view class="row" style="margin-top: 30rpx">
-        <view class="item" style="background: #eff8ff">
+         <up--image
-          <u-icon name="order" size="28" color="#1776D6"></u-icon>
+        :src="hospitalImg"
-          <view class="name" style="color: #1776d6">医院病例库</view>
+        radius="20rpx"
-        </view>
+        width="330rpx"
-        <view class="item" style="background: #fef0eb; margin-right: 30rpx">
+        height="176rpx"
-          <u-icon name="order" size="28" color="#EE4C1F"></u-icon>
+
-          <view class="name" style="color: #ee4c1f">医生病例库</view>
+      ></up--image>
-        </view>
+       <up--image
+        :src="doctorImg"
+       
+         width="330rpx"
+         radius="20rpx"
+        height="176rpx"
+      ></up--image>
       </view>
     </view>
     <view class="newsbox">
@@ -50,14 +70,18 @@
           <view class="circle"></view>
           <view class="info">
             <view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
-            <view class="author">端重排 | 陈煜 | 工商局</view>
+            <view class="tagsbox">
+              <view class="tag">陈煜</view>
+            </view>
           </view>
         </view>
         <view class="cell">
           <view class="circle"></view>
           <view class="info">
             <view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
-            <view class="author">端重排 | 陈煜 | 工商局</view>
+            <view class="tagsbox">
+              <view class="tag">陈煜</view>
+            </view>
           </view>
         </view>
       </view>
@@ -76,14 +100,18 @@
           <view class="circle"></view>
           <view class="info">
             <view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
-            <view class="author">端重排 | 陈煜 | 工商局</view>
+            <view class="tagsbox">
+              <view class="tag">陈煜</view>
+            </view>
           </view>
         </view>
         <view class="cell">
           <view class="circle"></view>
           <view class="info">
             <view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
-            <view class="author">端重排 | 陈煜 | 工商局</view>
+            <view class="tagsbox">
+              <view class="tag">陈煜</view>
+            </view>
           </view>
         </view>
       </view>
@@ -128,6 +156,10 @@ import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
 import api from "@/api/api";
 const paging = ref(null);
 const dataList = ref([]);
+import videoImg from "@/static/video.png";
+import sickImg from "@/static/sick.png";
+import hospitalImg from "@/static/hospital.png";
+import doctorImg from "@/static/doctor.png";
 
 onLoad(() => {});
 const queryList = (pageNo, pageSize) => {
@@ -154,6 +186,22 @@ const queryList = (pageNo, pageSize) => {
 };
 </script>
 <style lang="scss" scoped>
+ .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
 .newsbox {
   margin-bottom: 16rpx;
 }
@@ -225,6 +273,7 @@ const queryList = (pageNo, pageSize) => {
   width: 100%;
   background: rgba(0, 0, 0, 0);
   .row {
+    padding:0 30rpx;
     display: flex;
     justify-content: space-between;
     .item {