调整样式

App.vue

@@ -31,6 +31,10 @@ onLaunch(() => {
 })
 </script>
 
-<style>
+<style lang="scss">
 /*每个页面公共css */
+.main {
+	min-height: 95vh;
+    background: linear-gradient(to top, #f2f8ff 0%, #e7f0fd 100%);
+}
 </style>

pages/index/index.vue

@@ -60,7 +60,7 @@ const logout = async() => {
 
 </script>
 <template>
-	<view class="home">
+	<view class="home main">
 		<!-- 头部 -->
 		<view class="header shadow" @tap="showLogin">
 			<template v-if="userStore.isLogin">
@@ -114,9 +114,7 @@ const logout = async() => {
 </template>
 <style lang="scss" scoped>
 	.home{
-		height: 95vh;
+		padding: 20rpx;
-		padding: 30rpx;
-    	background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%);
 		.shadow {
 			box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
     		border: 1rpx solid #e8f2ff;

pages/patient/addTask/addTask.vue

@@ -1,7 +0,0 @@
-<script setup>
-
-</script>
-<template>
-    患者-新增任务
-</template>
-<style lang="scss" scoped></style>

pages/patient/patientList/patientList.vue

@@ -13,6 +13,7 @@ onLoad(() => {
 
 <template>
     <!-- 病人管理 -->
+    <view class="main">
         <wd-watermark content="wot-design-uni"></wd-watermark>
         <wd-fab inactiveIcon="ellipsis" activeIcon="rollback">
             <view class="fab">
@@ -23,10 +24,10 @@ onLoad(() => {
         </wd-fab>
         <view class="nav_bar">
             <view class="nav">
-            <text @tap="cutNav('all')" :class="{active: active === 'all'}">全部</text>
+                <text @tap="cutNav('all')" :class="{ active: active === 'all' }">全部</text>
-            <text @tap="cutNav('week')" :class="{active: active === 'week'}">本周</text>
+                <text @tap="cutNav('week')" :class="{ active: active === 'week' }">本周</text>
-            <text @tap="cutNav('month')" :class="{active: active === 'month'}">本月</text>
+                <text @tap="cutNav('month')" :class="{ active: active === 'month' }">本月</text>
-            <text @tap="cutNav('custom')" :class="{active: active === 'custom'}">自定义</text>
+                <text @tap="cutNav('custom')" :class="{ active: active === 'custom' }">自定义</text>
             </view>
             <wd-search placeholder="住院号/病人名称/医生" hide-cancel />
         </view>
@@ -55,11 +56,12 @@ onLoad(() => {
 
             </wd-card>
         </view>
+    </view>
 </template>
 
 <style lang="scss" scoped>
 .fab {
-    view{
+    view {
         background: #4d80f0;
         width: 112rpx;
         height: 112rpx;
@@ -72,12 +74,14 @@ onLoad(() => {
         margin-top: 18rpx;
     }
 }
+
 .nav_bar {
     position: sticky;
     left: 0;
     top: 0;
     background-color: #fff;
     z-index: 10;
+    box-shadow: 0px 2px 5px #c5c5c5;
     .nav {
         display: flex;
         justify-content: space-around;
@@ -85,24 +89,27 @@ onLoad(() => {
         font-size: 28rpx;
         color: #6b7280;
         padding: 10rpx;
+
         text {
             padding: 10rpx 16rpx;
             border-radius: 5rpx;
         }
     }
+
     .active {
         background: #3b82f6;
         color: #ffffff;
         border: 1rpx solid #3b82f6;
     }
 }
+
 .patient_list {
-    background-color: #ededed;
     padding-top: 20rpx;
     :deep(.item) {
         padding: 0;
         font-size: 24rpx;
         overflow: hidden;
+
         .top {
             display: flex;
             justify-content: space-between;
@@ -110,30 +117,39 @@ onLoad(() => {
             padding: 20rpx;
             color: #155724;
         }
+
         .content {
             display: flex;
             padding: 20rpx;
             flex-wrap: wrap;
             font-size: 28rpx;
             color: #333;
+
             view {
                 width: 50%;
                 margin-bottom: 10rpx;
-                &:last-child { width: 100%; }
+
+                &:last-child {
+                    width: 100%;
                 }
+            }
+
             .red {
                 font-weight: bold;
                 color: rgb(255, 21, 21);
             }
         }
+
         .btns {
             display: flex;
             // gap: 15rpx;
             padding: 20rpx;
             justify-content: space-between;
+
             button {
                 padding: 0 20rpx;
             }
+
             text {
                 background-color: #f8f9fa;
                 border-radius: 12rpx;
@@ -141,6 +157,7 @@ onLoad(() => {
                 padding: 16rpx 12rpx;
                 text-align: center;
             }
+
             .add {
                 background-color: #007bff;
                 color: #ffffff;