From 2d861535f7be98658b85b38927dcb2078dcb5105 Mon Sep 17 00:00:00 2001
From: Fox-33 <1466778434@qq.com>
Date: Mon, 29 Sep 2025 09:42:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20UI=E8=B0=83=E6=95=B4;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/base/arrow.vue                       |   2 +-
 components/base/suspendDropdown.vue             |   2 +-
 components/serve/serveSecondModuleCard copy.vue |  71 +++++
 components/user/productList.vue                 | 112 --------
 components/userShop/userShopCommission.vue      | 130 ---------
 pages/index/case.vue                            |  16 +-
 pages/index/center.vue                          |  18 +-
 pages/index/index.vue                           |  13 +-
 pages/index/serve.vue                           |  13 +-
 pages_order/case/index.vue                      |  16 +-
 pages_order/case/poster.vue                     |   2 +-
 pages_order/thesis/index.vue                    | 335 ++++++++++++++----------
 pages_order/thesis/indexTwo.vue                 |  78 ++++--
 pages_order/thesis/poster.vue                   |   2 +-
 static/image/icon-degree.png                    | Bin 1770 -> 3807 bytes
 uni.scss                                        |   2 +-
 utils/utils.js                                  |  23 ++
 17 files changed, 398 insertions(+), 437 deletions(-)
 create mode 100644 components/serve/serveSecondModuleCard copy.vue
 delete mode 100644 components/user/productList.vue
 delete mode 100644 components/userShop/userShopCommission.vue

diff --git a/components/base/arrow.vue b/components/base/arrow.vue
index 40b7e02..6e29bb3 100644
--- a/components/base/arrow.vue
+++ b/components/base/arrow.vue
@@ -16,7 +16,7 @@ export default {
     position: relative;
     width: 28rpx;
     height: 32rpx;
-    background-image: linear-gradient(to right, #A3BCEF, #4883F9);
+    background-image: linear-gradient(to right, #E2DDFF, #C8C3FD);
 
     &-blank {
 
diff --git a/components/base/suspendDropdown.vue b/components/base/suspendDropdown.vue
index 427a960..1d669b7 100644
--- a/components/base/suspendDropdown.vue
+++ b/components/base/suspendDropdown.vue
@@ -125,7 +125,7 @@
     text-align: center;
 
     &.is-active {
-      color: #4883F9;
+      color: $uni-color;
     }
 
     & + & {
diff --git a/components/serve/serveSecondModuleCard copy.vue b/components/serve/serveSecondModuleCard copy.vue
new file mode 100644
index 0000000..97bd416
--- /dev/null
+++ b/components/serve/serveSecondModuleCard copy.vue	
@@ -0,0 +1,71 @@
+<template>
+  <view class="flex card" @click="jumpToList(data.id, data.title)">
+    <image class="card-icon" :src="data.icon" mode="aspectFit"></image>
+    <view class="flex card-title">
+      <view>{{ data.title }}</view>
+      <image class="card-title-icon" src="@/static/image/serve-second-icon.png" mode="widthFix"></image>
+    </view>
+
+    <image class="card-bg" src="@/static/image/card-bg-icon.png" mode="widthFix"></image>
+  </view>
+</template>
+
+<script>
+  export default {
+    props: {
+      data: {
+        type: Object,
+        default() {
+          return {}
+        }
+      }
+    },
+    methods: {
+      jumpToList(categoryId, title) {
+        uni.navigateTo({
+					url: `/pages_order/serve/search?categoryId=${categoryId}&title=${title}`
+				})
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .card {
+    justify-content: flex-start;
+    column-gap: 78rpx;
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    padding: 0 28rpx;
+    box-sizing: border-box;
+    background: linear-gradient(to right, rgba($color: #C8C3FD, $alpha: 0.22), #FFFFFF);
+    border-radius: 10rpx;
+    box-shadow: 4rpx 4rpx 6rpx 0rpx rgba(0,0,0,0.15);
+
+    &-icon {
+      width: 180rpx;
+      height: 230rpx;
+    }
+
+    &-title {
+      column-gap: 14rpx;
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #9082D8;
+
+      &-icon {
+        width: 24rpx;
+        height: auto;
+      }   
+    }
+
+    &-bg {
+      width: 142rpx;
+      height: auto;
+      position: absolute;
+      bottom: 0;
+      right: 8rpx;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/components/user/productList.vue b/components/user/productList.vue
deleted file mode 100644
index ad16f79..0000000
--- a/components/user/productList.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-	<view class="list">
-		<view class="item"
-		v-for="(item, index) in 10"
-		@click="$utils.navigateTo('/pages_order/product/productDetail?id=123')"
-		:key="index">
-			<image 
-			class="image"
-			src="https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg" mode=""></image>
-			<view class="info">
-				<view class="title">
-					桌布租赁
-				</view>
-				<view class="price">
-					<text>￥58</text>元/起
-				</view>
-				<view class="favorable">
-					<view class="t">
-						限时优惠
-					</view>
-					<view class="p">
-						￥48
-					</view>
-				</view>
-				<view class="num">
-					已售卖5000+件
-				</view>
-			</view>
-			<view class="btn">
-				<uv-icon name="shopping-cart"
-				color="#fff"></uv-icon>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name:"productList",
-		data() {
-			return {
-				
-			};
-		},
-		methods : {
-			
-		},
-	}
-</script>
-
-<style scoped lang="scss">
-.list{
-	display: flex;
-	flex-wrap: wrap;
-	.item{
-		position: relative;
-		width: 300rpx;
-		padding: 20rpx;
-		background-color: #fff;
-		border-radius: 20rpx;
-		margin-top: 20rpx;
-		&:nth-child(odd){
-			margin-right: 20rpx;
-		}
-		.image{
-			width: 300rpx;
-			height: 250rpx;
-			border-radius: 20rpx;
-		}
-		.info{
-			font-size: 26rpx;
-			.title{
-				font-size: 30rpx;
-			}
-			.price{
-				color: #D03F25;
-				margin-top: 6rpx;
-				text{
-					font-size: 34rpx;
-					font-weight: 900;
-				}
-			}
-			.favorable{
-				display: flex;
-				background-image: url(/static/image/product/favorable.png);
-				background-size: 100% 100%;
-				width: fit-content;
-				padding: 5rpx 10rpx;
-				font-size: 18rpx;
-				margin-top: 6rpx;
-				.p{
-					color: #fff;
-					margin-left: 10rpx;
-				}
-			}
-			.num{
-				margin-top: 6rpx;
-				font-size: 22rpx;
-				color: #888;
-			}
-		}
-		.btn{
-			position: absolute;
-			right: 20rpx;
-			bottom: 20rpx;
-			padding: 10rpx;
-			border-radius: 50%;
-			background-color: $uni-color;
-		}
-	}
-}
-</style>
\ No newline at end of file
diff --git a/components/userShop/userShopCommission.vue b/components/userShop/userShopCommission.vue
deleted file mode 100644
index be66e89..0000000
--- a/components/userShop/userShopCommission.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-	<view class="commission">
-		<image src="/static/image/center/10.png" mode=""></image>
-		<view class="price">
-			<view class="title">
-				总佣金（元）
-			</view>
-			<view class="num">
-				7890.34元
-			</view>
-		</view>
-		
-		<view class="font-menu"
-		v-if="purse">
-			<view @click="toRunningWater(index)"
-			v-for="(item, index) in list"
-			:key="index">{{ item.name }}</view>
-		</view>
-		
-		<view class="btn"
-		v-if="!purse"
-		@click="toPurse">
-			提现
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: "userShopCommission",
-		props : {
-			purse : {
-				default : false,
-			},
-		},
-		data() {
-			return {
-				list : [
-					{
-						name : '余额记录',
-					},
-					{
-						name : '提现记录',
-					},
-					{
-						name : '佣金记录',
-					},
-				],
-			};
-		},
-		methods : {
-			// 跳转到钱包提现
-			toPurse(){
-				uni.navigateTo({
-					url:'/pages_order/mine/purse'
-				})
-			},
-			// 跳转到记录页面
-			toRunningWater(index){
-				uni.navigateTo({
-					url:'/pages_order/mine/runningWater?status=' + index
-				})
-			},
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.commission {
-		width: 700rpx;
-		height: 300rpx;
-		position: relative;
-		margin: 20rpx auto;
-		color: #fff;
-
-		image {
-			width: 700rpx;
-			height: 300rpx;
-			position: absolute;
-			border-radius: 20rpx;
-		}
-
-		.price {
-			position: absolute;
-			left: 50rpx;
-			top: 80rpx;
-			font-weight: 900;
-
-			.title {
-				font-size: 32rpx;
-			}
-
-			.num {
-				font-size: 44rpx;
-				margin-top: 20rpx;
-			}
-		}
-		
-		.font-menu {
-			font-size: 24rpx;
-			font-family: PingFang SC, PingFang SC-Regular;
-			font-weight: 500;
-			text-align: center;
-			color: #ffffff;
-			line-height: 24rpx;
-			width: 710rpx;
-		
-			position: absolute;
-			left: 0;
-			bottom: 25rpx;
-			display: flex;
-			view{
-				width: 160rpx;
-			}
-		}
-
-		.btn {
-			position: absolute;
-			right: 50rpx;
-			bottom: 50rpx;
-			background-color: #FDC440;
-			width: 160rpx;
-			height: 60rpx;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			border-radius: 30rpx;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/pages/index/case.vue b/pages/index/case.vue
index 14ced89..5206b5b 100644
--- a/pages/index/case.vue
+++ b/pages/index/case.vue
@@ -7,7 +7,7 @@
 
     <view class="main">
 
-      <view class="flex section header">
+      <view class="flex section header" :style="style">
         <view>
           <view class="title">{{ configList.page_case_title }}</view>
           <view class="desc">{{ configList.page_case_desc }}</view>
@@ -62,6 +62,7 @@
 </template>
 
 <script>
+  import utils from '@/utils/utils'
 	import mixinsList from '@/mixins/list.js'
 
 	import tabber from '@/components/base/tabbar.vue'
@@ -90,13 +91,11 @@
           categoryPeriodId: '',
 				},
         mixinsListApi: 'queryAriticleList',
-        swiperHeight: '239rpx',
+        style: '',
       }
     },
     onLoad() {
-      
-      const windowWidth = uni.getSystemInfoSync().windowWidth
-      this.swiperHeight = `${(windowWidth - 18) * 239 / 714}px`
+      this.style = `padding-top: calc(${utils.getNavHeight()}px - 16rpx)`
 
       this.fetchBanner()
       this.fetchOptions()
@@ -157,9 +156,9 @@
   }
 
   .header {
-    margin-bottom: 32rpx;
-    padding-top: 186rpx;
+    padding-top: calc(var(--status-bar-height) + 120rpx);
     justify-content: space-between;
+    align-items: flex-start;
 
     .title {
       font-size: 44rpx;
@@ -174,12 +173,13 @@
     }
 
     .icon {
-      // margin-top: 16rpx;
+      margin-top: 16rpx;
       width: 62rpx;
       height: 62rpx;
       border: 2rpx solid #A3A2C5;
       border-radius: 50%;
       overflow: hidden;
+      box-sizing: border-box;
       
       .img {
         width: 50rpx;
diff --git a/pages/index/center.vue b/pages/index/center.vue
index bf146a9..9d2655d 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -7,7 +7,7 @@
 
     <view class="main">
 
-      <view class="flex header">
+      <view class="flex section header" :style="style">
         <view>
           <view class="title">{{ configList.page_center_title }}</view>
           <view class="desc">{{ configList.page_center_desc }}</view>
@@ -34,6 +34,7 @@
 </template>
 
 <script>
+  import utils from '@/utils/utils'
 	import tabber from '@/components/base/tabbar.vue'
 
   export default {
@@ -42,9 +43,11 @@
     },
     data() {
       return {
+        style: '',
       }
     },
     onLoad() {
+      this.style = `padding-top: calc(${utils.getNavHeight()}px - 16rpx)`
     },
     methods: {
       jumpToDetail(paramCode) {
@@ -65,9 +68,11 @@
   }
 
   .header {
-    margin: 0 38rpx 22rpx 38rpx;
-    padding-top: 186rpx;
+    padding-top: calc(var(--status-bar-height) + 120rpx);
     justify-content: space-between;
+    align-items: flex-start;
+    min-height: calc(342rpx / 621 * 542);
+    box-sizing: border-box;
 
     .title {
       font-size: 44rpx;
@@ -82,12 +87,13 @@
     }
 
     .icon {
-      // margin-top: 16rpx;
+      margin-top: 16rpx;
       width: 62rpx;
       height: 62rpx;
       border: 2rpx solid #A3A2C5;
       border-radius: 50%;
       overflow: hidden;
+      box-sizing: border-box;
       
       .img {
         width: 50rpx;
@@ -96,6 +102,10 @@
     }
   }
 
+  .section {
+    margin: 0 38rpx;
+  }
+
   .bg {
     width: 100vw;
     height: auto;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 7a96824..33f72a7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -7,7 +7,7 @@
 
     <view class="main">
 
-      <view class="flex section header">
+      <view class="flex section header" :style="style">
         <view>
           <view class="title">{{ configList.page_index_title }}</view>
           <view class="desc">{{ configList.page_index_desc }}</view>
@@ -78,6 +78,8 @@
 </template>
 
 <script>
+  import utils from '@/utils/utils'
+
 	import tabber from '@/components/base/tabbar.vue'
 
   export default {
@@ -90,9 +92,12 @@
         bannerList: [],
         list: [],
         list2: [],
+        style: '',
       }
     },
     onLoad() {
+      this.style = `padding-top: calc(${utils.getNavHeight()}px - 16rpx)`
+
       this.fetchBanner()
       this.getData()
     },
@@ -148,8 +153,9 @@
   }
 
   .header {
-    padding-top: 186rpx;
+    padding-top: calc(var(--status-bar-height) + 120rpx);
     justify-content: space-between;
+    align-items: flex-start;
 
     .title {
       font-size: 44rpx;
@@ -164,12 +170,13 @@
     }
 
     .icon {
-      // margin-top: 16rpx;
+      margin-top: 16rpx;
       width: 62rpx;
       height: 62rpx;
       border: 2rpx solid #A3A2C5;
       border-radius: 50%;
       overflow: hidden;
+      box-sizing: border-box;
       
       .img {
         width: 50rpx;
diff --git a/pages/index/serve.vue b/pages/index/serve.vue
index 08576d8..4ae8a65 100644
--- a/pages/index/serve.vue
+++ b/pages/index/serve.vue
@@ -7,7 +7,7 @@
 
     <view class="main">
 
-      <view class="flex section header">
+      <view class="flex section header" :style="style">
         <view>
           <view class="title">{{ configList.page_serve_title }}</view>
           <view class="desc">{{ configList.page_serve_desc }}</view>
@@ -37,6 +37,7 @@
 </template>
 
 <script>
+  import utils from '@/utils/utils'
 	import mixinsList from '@/mixins/list.js'
 
 	import tabber from '@/components/base/tabbar.vue'
@@ -58,9 +59,12 @@
 				},
         mixinsListApi: 'queryCategoryServiceModuleList',
         firstCategoryList: [],
+        style: '',
       }
     },
     onLoad() {
+      this.style = `padding-top: calc(${utils.getNavHeight()}px - 16rpx)`
+
       this.getData()
     },
     methods: {
@@ -83,9 +87,9 @@
   }
 
   .header {
-    margin-bottom: 32rpx;
-    padding-top: 186rpx;
+    padding-top: calc(var(--status-bar-height) + 120rpx);
     justify-content: space-between;
+    align-items: flex-start;
 
     .title {
       font-size: 44rpx;
@@ -100,12 +104,13 @@
     }
 
     .icon {
-      // margin-top: 16rpx;
+      margin-top: 16rpx;
       width: 62rpx;
       height: 62rpx;
       border: 2rpx solid #A3A2C5;
       border-radius: 50%;
       overflow: hidden;
+      box-sizing: border-box;
       
       .img {
         width: 50rpx;
diff --git a/pages_order/case/index.vue b/pages_order/case/index.vue
index 500e68d..cd83899 100644
--- a/pages_order/case/index.vue
+++ b/pages_order/case/index.vue
@@ -190,7 +190,7 @@
       white-space: pre-line;
       font-size: 28rpx;
       color: #000000;
-      background: #F8F8F8;
+      background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.14), rgba($color: #C8C3FD, $alpha: 0.14));
       border-radius: 15rpx;
     }
   }
@@ -200,7 +200,7 @@
     left: 0;
     bottom: 0;
     width: 100vw;
-    height: 110rpx;
+    height: 94rpx;
 		padding-bottom: env(safe-area-inset-bottom);
     background: #FFFFFF;
     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
@@ -210,14 +210,16 @@
     }
 
     .btn {
-      padding: 20rpx 90rpx;
-      font-size: 28rpx;
+      padding: 12rpx 70rpx;
+      font-size: 32rpx;
+      font-weight: 600;
+      line-height: 1.2;
       color: #FFFFFF;
-      background: #4883F9;
-      border-radius: 42rpx;
+      background: $uni-color;
+      border-radius: 30rpx;
 
       &-share {
-        background: #FFD019;
+        background: #9E96CC;
       }
 
     }
diff --git a/pages_order/case/poster.vue b/pages_order/case/poster.vue
index 0c531d0..9be3e8d 100644
--- a/pages_order/case/poster.vue
+++ b/pages_order/case/poster.vue
@@ -199,7 +199,7 @@
       padding: 20rpx 77rpx;
       font-size: 28rpx;
       color: #FFFFFF;
-      background: #4883F9;
+      background: $uni-color;
       border-radius: 14rpx;
     }
   }
diff --git a/pages_order/thesis/index.vue b/pages_order/thesis/index.vue
index 1cccb29..b60eadb 100644
--- a/pages_order/thesis/index.vue
+++ b/pages_order/thesis/index.vue
@@ -19,7 +19,7 @@
       <view class="flex process-custom" v-if="difficulty">
         <view class="process-custom-title">难度</view>
         <view class="flex star">
-          <uv-icon v-for="(item, index) in new Array(difficulty).fill(1)" :key="index" name="star-fill" color="#3378EA" size="30rpx"></uv-icon>
+          <uv-icon v-for="(item, index) in new Array(difficulty).fill(1)" :key="index" name="star-fill" color="#FFFFFF" size="20rpx"></uv-icon>
         </view>
       </view>
       <view class="process-item" v-for="item in details.educationProcessList" :key="item.id">
@@ -35,7 +35,7 @@
         <view>{{ details.targetTitle || '可发表方向' }}</view>
       </view>
       <view class="section-content direction">
-        <uv-read-more show-height="300rpx" :toggle="true" textIndent="0" closeText="展开" :shadowStyle="{ backgroundImage: 'linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%)', paddingTop: '100rpx', marginTop: '-100rpx' }">
+        <uv-read-more show-height="300rpx" :toggle="true" textIndent="0" :shadowStyle="{ backgroundImage: 'linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%)', paddingTop: '100rpx', marginTop: '-100rpx' }">
           <view class="table">
             <view class="table-row" v-for="row in details.educationTargetList" :key="row.id">
               <view class="table-cell">{{ row.title }}</view>
@@ -58,19 +58,17 @@
             <view class="pic">
               <image class="img" :src="item.image" mode="aspectFill" ></image>
             </view>
-            <view class="title">
+            <view class="flex flex-column title">
               <view class="name">{{ item.title }}</view>
-              <view class="label" v-if="item.career">
-                <view class="label-text">{{ item.career }}</view>
-                <view class="label-line"></view>
-                <view class="label-text display">{{ item.career }}</view>
-              </view>
+              <view class="label" v-if="item.career">{{ item.career }}</view>
             </view>
-            <view class="tag">
+            <view class="flex tag">
               <image class="tag-icon" src="@/static/image/icon-degree.png" mode="widthFix"></image>
               <view>{{ item.qualification }}</view>
             </view>
-            <view class="desc desc-top">专业经历：</view>
+            <view class="desc desc-top">
+              <view class="desc-title">专业经历</view>
+            </view>
             <view class="desc desc-bottom">{{ item.experience }}</view>
           </view>
         </view>
@@ -295,60 +293,72 @@
   }
 
   .page-title {
-    padding: 0 36rpx;
+    padding: 0 26rpx;
     font-size: 60rpx;
     font-weight: 700;
-    color: #4783F9;
+    color: $uni-color;
     
     &-line {
       margin: 12rpx 0 24rpx 0;
       width: 120rpx;
       height: 8rpx;
-      background: #4783F9;
+      background: $uni-color;
     }
   }
 
   .process {
     position: relative;
     width: 100%;
-    padding: 0 36rpx;
+    padding: 0 26rpx;
     box-sizing: border-box;
 
     &-custom {
       display: inline-flex;
       column-gap: 8rpx;
-      padding: 6rpx 18rpx;
-      background: #E6EEFD;
-      border-top-right-radius: 32rpx;
-      border-bottom-right-radius: 32rpx;
+      padding: 4rpx 16rpx;
+      background: #9787C2;
+      border-top-right-radius: 18rpx;
+      border-bottom-right-radius: 18rpx;
 
       &-title {
-        font-size: 30rpx;
+        font-size: 24rpx;
         font-weight: 600;
-        color: #3378EA;
+        line-height: 1.2;
+        color: #FFFFFF;
       }
 
       .star {
-        column-gap: 6rpx;
+        column-gap: 10rpx;
       }
     }
 
     &-item {
-      margin-top: 24rpx;
-      padding: 10rpx 18rpx;
-      background: #E6EEFD;
-      border-radius: 25rpx;
+      margin-top: 22rpx;
+      font-size: 0;
 
       &-title {
+        display: inline-block;
+        padding: 4rpx 36rpx 4rpx 20rpx;
+        box-sizing: border-box;
         font-size: 30rpx;
         font-weight: 600;
-        color: #3378EA;
+        line-height: 1.2;
+        color: #FFFFFF;
+        background: #9787C2;
+        border-top-right-radius: 21rpx;
+        border-bottom-right-radius: 21rpx;
       }
 
       &-content {
-        font-size: 28rpx;
+        padding: 28rpx 34rpx;
+        box-sizing: border-box;
+        font-size: 24rpx;
+        line-height: 1.6;
         white-space: pre-wrap;
-        color: #000000;
+        color: #595757;
+        background: #EDEAFF;
+        border-radius: 15rpx;
+        border-top-left-radius: 0;
       }
 
     }
@@ -357,7 +367,7 @@
   .section {
     margin-top: 40rpx;
     width: 100%;
-    padding: 0 18rpx;
+    padding: 0 26rpx;
     box-sizing: border-box;
 
     // & + & {
@@ -369,16 +379,15 @@
       align-items: center;
       justify-content: flex-start;
       column-gap: 15rpx;
-      padding-left: 18rpx;
-      font-size: 32rpx;
+      font-size: 40rpx;
       font-weight: 700;
-      color: #000000;
+      color: $uni-color;
 
       &-line {
-        width: 11rpx;
-        height: 45rpx;
-        border-radius: 6rpx;
-        background-image: linear-gradient(#FFFFFF, #4883F9);
+        width: 18rpx;
+        height: 52rpx;
+        border-radius: 9rpx;
+        background-image: linear-gradient(#E2DDFF, #6851A7);
       }
     }
 
@@ -387,27 +396,27 @@
 
       .paragraph {
         width: 100%;
-        padding: 22rpx;
+        padding: 30rpx;
         box-sizing: border-box;
         white-space: pre-line;
-        font-size: 28rpx;
-        color: #000000;
-        background: #F8F8F8;
+        font-size: 24rpx;
+        color: #595757;
+        background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.54), rgba($color: #C8C3FD, $alpha: 0.54));
         border-radius: 15rpx;
       }
 
       .table {
         width: 100%;
-        border-radius: 15rpx;
+        border-radius: 10rpx;
         overflow: hidden;
 
         &-row {
           display: grid;
           grid-template-columns: 218rpx auto;
-          background: #EEEEEE;
+          background: rgba($color: #C8C3FD, $alpha: 0.63);
 
           &:nth-child(2n) {
-            background: #DEDEDE;
+            background: rgba($color: #C8C3FD, $alpha: 0.26);
           }
         }
 
@@ -420,11 +429,19 @@
           box-sizing: border-box;
           font-family: PingFang SC;
           font-weight: 400;
-          font-size: 28rpx;
+          line-height: 1.5;
+          // font-size: 28rpx;
           white-space: pre-wrap;
-          color: #080808;
+          // color: #080808;
+          font-size: 18rpx;
+          color: #595757;
 
           &:first-child {
+            align-items: center;
+            text-align: center;
+            font-size: 22rpx;
+            line-height: 1.4;
+            font-weight: 600;
             border-right: 1rpx solid #E5E5E5;
           }
         }
@@ -433,11 +450,13 @@
 
       &.direction {
         /deep/ .uv-read-more__toggle {
-          justify-content: flex-end;
+          // justify-content: flex-end;
+          padding: 10rpx 0;
+          background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.67), rgba($color: #C8C3FD, $alpha: 0.67), rgba($color: #E1DCFF, $alpha: 0.67));
         }
         /deep/ .uv-read-more__toggle__text .uv-text__value {
-          color: $uni-color !important;
-          font-size: 22rpx !important;
+          color: #9D9DF9 !important;
+          font-size: 20rpx !important;
         }
       }
 
@@ -446,104 +465,100 @@
         .card {
           display: flex;
           align-items: center;
-          column-gap: 12rpx;
-          background: #ffffff;
+          // column-gap: 12rpx;
+          background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.14), rgba($color: #C8C3FD, $alpha: 0.14));
           border-radius: 15rpx;
           box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0,0,0,0.16); 
 
           .info {
             flex: 1;
-            padding: 19rpx 17rpx 28rpx 17rpx;
+            padding: 30rpx 30rpx 0 30rpx;
+            font-size: 0;
 
             .title {
-              display: flex;
-              align-items: center;
-              padding-left: 11rpx;
+              align-items: flex-start;
               color: #000000;
+              transform: translateX(-30rpx);
 
               .name {
-                font-size: 32rpx;
+                margin-bottom: 20rpx;
+                display: inline-block;
+                padding: 4rpx 60rpx 4rpx 28rpx;
+                font-size: 30rpx;
                 font-weight: 700;
+                line-height: 1.2;
+                color: #FFFFFF;
+                background: rgba($color: #6851A7, $alpha: 0.69);
+                border-top-right-radius: 21rpx;
+                border-bottom-right-radius: 21rpx;
               }
 
               .label {
-                margin-left: 12rpx;
-                position: relative;
-                // height: 30rpx;
-
-                &-line {
-                  position: absolute;
-                  left: 0;
-                  bottom: 0;
-                  transform: translate(30rpx, -2rpx);
-                  // margin: 24rpx 0 0 25rpx;
-                  // width: 195rpx;
-                  width: calc(100% - 20rpx);
-                  height: 4rpx;
-                  background-image: linear-gradient(#4883F9, #FFFFFF);
-                  border-radius: 2rpx;
-                }
-
-                &-text {
-                  font-size: 22rpx;
-                  font-weight: 400;
-                  opacity: 0;
-
-                  &.display {
-                    opacity: 1;
-                    position: absolute;
-                    left: 0;
-                    top: 0;
-                  }
-                }
+                margin-bottom: 14rpx;
+                padding: 0 4rpx 4rpx 30rpx;
+                box-sizing: border-box;
+                font-size: 22rpx;
+                font-weight: 500;
+                color: rgba($color: #6851A7, $alpha: 0.68);
+                border-bottom: 4rpx solid rgba($color: #6851A7, $alpha: 0.69);
               }
             }
 
             .tag {
-              margin: 5rpx 0 18rpx 0;
-              display: inline-flex;
-              align-items: center;
-              padding: 5rpx 43rpx 5rpx 16rpx;
-              column-gap: 16rpx;
+              justify-content: flex-start;
+              margin-bottom: 12rpx;
+              column-gap: 12rpx;
+              padding-left: 4rpx;
               font-size: 28rpx;
-              color: #FFFFFF;
-              background: rgba(72,131,249,0.58);
-              border-radius: 30rpx 0rpx 30rpx 0rpx;
+              font-weight: 600;
+              color: #6851A7;
 
               &-icon {
-                width: 38rpx;
+                width: 42rpx;
                 height: auto;
               }
             }
 
             .desc {
-              // padding: 12rpx 15rpx;
-              font-size: 28rpx;
+              font-size: 18rpx;
               font-weight: 500;
               white-space: pre-wrap;
               color: #000000;
-              background: #f8f8f8;
+              background: #ECEAFF;
               // border-radius: 16rpx;
 
+              &-title {
+                display: inline-block;
+                padding: 4rpx 30rpx 4rpx 12rpx;
+                font-size: 20rpx;
+                font-weight: 600;
+                color: #FFFFFF;
+                background: #B7ACDC;
+                border-top-right-radius: 15rpx;
+                border-bottom-right-radius: 15rpx;
+              }
+
               &-top {
-                padding: 12rpx 15rpx 0 15rpx;
-                border-top-left-radius: 16rpx;
-                border-top-right-radius: 16rpx;
+                padding: 32rpx 24rpx 0 0;
+                border-top-left-radius: 10rpx;
+                border-top-right-radius: 10rpx;
               }
               &-bottom {
-                padding: 0 15rpx 12rpx 15rpx;
-                border-bottom-left-radius: 16rpx;
-                border-bottom-right-radius: 16rpx;
+                margin-bottom: 30rpx;
+                padding: 20rpx 24rpx 32rpx 24rpx;
+                border-bottom-left-radius: 10rpx;
+                border-bottom-right-radius: 10rpx;
               }
             }
           }
 
           .pic {
             // margin: 48rpx 9rpx 48rpx 0;
-            margin: 44rpx 0 0 14rpx;
-            width: 253rpx;
-            height: 345rpx;
-            border-radius: 127rpx;
+            margin: 0 0 30rpx 52rpx;
+            width: 291rpx;
+            height: 454rpx;
+            // border-radius: 127rpx;
+            border-radius: 10rpx;
             overflow: hidden;
             float: right;
 
@@ -557,12 +572,48 @@
             flex-direction: row-reverse;
 
             .info {
-              padding: 19rpx 17rpx 28rpx 17rpx;
+              
+              .title {
+                align-items: flex-end;
+                transform: translateX(30rpx);
+
+                .name {
+                  padding: 4rpx 28rpx 4rpx 60rpx;
+                  border-top-right-radius: 0;
+                  border-bottom-right-radius: 0;
+                  border-top-left-radius: 21rpx;
+                  border-bottom-left-radius: 21rpx;
+                }
+
+                .label {
+                  padding: 0 30rpx 4rpx 4rpx;
+                }
+              }
+
+              .tag {
+                justify-content: flex-end;
+                padding-right: 24rpx;
+              }
+
+              .desc {
+                &-title {
+                  padding: 4rpx 15rpx 4rpx 26rpx;
+                  border-top-right-radius: 0;
+                  border-bottom-right-radius: 0;
+                  border-top-left-radius: 15rpx;
+                  border-bottom-left-radius: 15rpx;
+                }
+
+                &-top {
+                  padding: 32rpx 0 0 24rpx;
+                  text-align: right;
+                }
+              }
             }
 
             .pic {
-              // margin: 48rpx 0 48rpx 9rpx;
-              margin: 44rpx 14rpx 0 0;
+              // margin: 44rpx 14rpx 0 0;
+              margin: 0 52rpx 30rpx 0;
               float: left;
             }
           }
@@ -576,48 +627,58 @@
       &.journal {
         
         .box {
-          padding-top: 73rpx;
+          padding-top: 68rpx;
 
           .card {
-            padding: 29rpx 12rpx 19rpx 12rpx;
-            background: #f6f6f6;
+            padding: 32rpx 26rpx 22rpx 26rpx;
+            background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.14), rgba($color: #C8C3FD, $alpha: 0.14));
             border-radius: 15rpx;
-            box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0,0,0,0.16); 
+            box-shadow: 4rpx 4rpx 6rpx 0rpx rgba(0,0,0,0.105); 
 
             .top {
               position: relative;
+              min-height: 265rpx;
 
               .pic {
                 position: absolute;
-                left: 42rpx;
+                left: 10rpx;
                 bottom: 0;
-                width: 213rpx;
-                height: 285rpx;
+                width: 236rpx;
+                height: 356rpx;
+                background: linear-gradient(rgba($color: #E2DDFF, $alpha: 0.54), rgba($color: #C8C3FD, $alpha: 0.54));
+                border-radius: 6rpx;
 
                 .img {
                   width: 100%;
                   height: 100%;
+                  border-radius: 6rpx;
+                  transform: translate(-10rpx, -10rpx);
                 }
               }
 
               .info {
                 min-height: 181rpx;
-                padding: 0 14rpx 0 266rpx;
+                padding: 0 0 0 278rpx;
 
                 .name {
                   padding-left: 6rpx;
                   font-size: 32rpx;
                   font-weight: 700;
-                  color: #000000;
+                  color: $uni-color;
                 }
 
                 .desc {
                   margin-top: 24rpx;
+                  padding: 16rpx 20rpx;
+                  box-sizing: border-box;
                   // font-size: 28rpx;
                   font-size: 24rpx;
+                  line-height: 1.5;
                   white-space: pre-wrap;
                   font-weight: 700;
-                  color: #707070;
+                  color: #595757;
+                  background: rgba($color: #C8C3FD, $alpha: 0.26);
+                  border-radius: 6rpx;
                   // overflow: hidden;
                   // text-overflow: ellipsis;
                   // display:-webkit-box; //作为弹性伸缩盒子模型显示。
@@ -630,28 +691,30 @@
 
             .main {
               margin-top: 18rpx;
-              padding: 14rpx;
-              font-size: 28rpx;
+              padding: 20rpx;
+              font-size: 18rpx;
+              line-height: 1.5;
               white-space: pre-wrap;
-              color: #000000;
-              background: #ebebeb;
-              border-radius: 30rpx 0rpx 30rpx 0rpx;
+              color: #595757;
+              background: rgba($color: #C8C3FD, $alpha: 0.26);
+              // border-radius: 30rpx 0rpx 30rpx 0rpx;
+              border-radius: 6rpx;
             }
 
           }
           
-          &:nth-child(2n) {
+          &:nth-child(2n + 1) {
 
             .card {
 
               .top {
                 .info {
-                  padding: 0 258rpx 0 14rpx;
+                  padding: 0 278rpx 0 0;
                 }
 
                 .pic {
                   left: unset;
-                  right: 29rpx;
+                  right: 0;
                 }
               }
 
@@ -660,7 +723,7 @@
         }
 
         .box + .box {
-          margin-top: 28rpx;
+          margin-top: 33rpx;
         }
       }
 
@@ -702,7 +765,7 @@
             padding: 7rpx 30rpx;
             font-size: 28rpx;
             color: #FFFFFF;
-            background: #4883f9;
+            background: $uni-color;
             border-radius: 27rpx;
           }
         }
@@ -721,7 +784,7 @@
     left: 0;
     bottom: 0;
     width: 100vw;
-    height: 110rpx;
+    height: 94rpx;
 		padding-bottom: env(safe-area-inset-bottom);
     background: #FFFFFF;
     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
@@ -731,14 +794,16 @@
     }
 
     .btn {
-      padding: 20rpx 90rpx;
-      font-size: 28rpx;
+      padding: 12rpx 70rpx;
+      font-size: 32rpx;
+      font-weight: 600;
+      line-height: 1.2;
       color: #FFFFFF;
-      background: #4883F9;
-      border-radius: 42rpx;
+      background: $uni-color;
+      border-radius: 30rpx;
 
       &-share {
-        background: #FFD019;
+        background: #9E96CC;
       }
 
     }
diff --git a/pages_order/thesis/indexTwo.vue b/pages_order/thesis/indexTwo.vue
index e110ff3..6da3bb4 100644
--- a/pages_order/thesis/indexTwo.vue
+++ b/pages_order/thesis/indexTwo.vue
@@ -15,6 +15,7 @@
 
     <view class="section" v-if="details.cotentModuleOne">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleOne }}</view>
       </view>
       <view class="section-content">
@@ -25,6 +26,7 @@
     </view>
     <view class="section" v-if="details.cotentModuleTwo">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleTwo }}</view>
       </view>
       <view class="section-content">
@@ -35,6 +37,7 @@
     </view>
     <view class="section" v-if="details.cotentModuleThree">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleThree }}</view>
       </view>
       <view class="section-content">
@@ -45,6 +48,7 @@
     </view>
     <view class="section" v-if="details.educationExcelOneList && details.educationExcelOneList.length">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleExcelOne }}</view>
       </view>
       <view class="section-content">
@@ -60,6 +64,7 @@
     </view>
     <view class="section" v-if="details.cotentModuleFour">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleFour }}</view>
       </view>
       <view class="section-content">
@@ -70,6 +75,7 @@
     </view>
     <view class="section" v-if="details.cotentModuleFive">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleFive }}</view>
       </view>
       <view class="section-content">
@@ -80,6 +86,7 @@
     </view>
     <view class="section" v-if="details.educationExcelTwoList && details.educationExcelTwoList.length">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleExcelTwo }}</view>
       </view>
       <view class="section-content">
@@ -95,6 +102,7 @@
     </view>
     <view class="section" v-if="details.cotentModuleSix">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleSix }}</view>
       </view>
       <view class="section-content">
@@ -105,6 +113,7 @@
     </view>
     <view class="section" v-if="details.cotentModuleSeven">
       <view class="section-header">
+        <view class="section-header-line"></view>
         <view>{{ details.titleModuleSeven }}</view>
       </view>
       <view class="section-content">
@@ -271,22 +280,22 @@
   }
 
   .page-title {
-    padding: 0 36rpx;
+    padding: 0 26rpx;
     font-size: 60rpx;
     font-weight: 700;
-    color: #4783F9;
+    color: $uni-color;
     
     &-line {
       margin: 12rpx 0 24rpx 0;
       width: 120rpx;
       height: 8rpx;
-      background: #4783F9;
+      background: $uni-color;
     }
   }
 
   .section {
     width: 100%;
-    padding: 0 18rpx;
+    padding: 0 26rpx;
     box-sizing: border-box;
 
     & + & {
@@ -298,16 +307,15 @@
       align-items: center;
       justify-content: flex-start;
       column-gap: 15rpx;
-      padding-left: 18rpx;
       font-size: 32rpx;
       font-weight: 700;
-      color: #000000;
+      color: $uni-color;
 
       &-line {
-        width: 11rpx;
-        height: 45rpx;
-        border-radius: 6rpx;
-        background-image: linear-gradient(#FFFFFF, #4883F9);
+        width: 18rpx;
+        height: 52rpx;
+        border-radius: 9rpx;
+        background-image: linear-gradient(#E2DDFF, #6851A7);
       }
     }
 
@@ -316,27 +324,27 @@
 
       .paragraph {
         width: 100%;
-        padding: 22rpx;
+        padding: 30rpx;
         box-sizing: border-box;
         white-space: pre-line;
-        font-size: 28rpx;
-        color: #000000;
-        background: #F8F8F8;
+        font-size: 24rpx;
+        color: #595757;
+        background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.54), rgba($color: #C8C3FD, $alpha: 0.54));
         border-radius: 15rpx;
       }
 
       .table {
         width: 100%;
-        border-radius: 15rpx;
+        border-radius: 10rpx;
         overflow: hidden;
 
         &-row {
           display: grid;
           grid-template-columns: 218rpx auto;
-          background: #EEEEEE;
+          background: rgba($color: #C8C3FD, $alpha: 0.63);
 
           &:nth-child(2n) {
-            background: #DEDEDE;
+            background: rgba($color: #C8C3FD, $alpha: 0.26);
           }
         }
 
@@ -349,11 +357,19 @@
           box-sizing: border-box;
           font-family: PingFang SC;
           font-weight: 400;
-          font-size: 28rpx;
+          // font-size: 28rpx;
           white-space: pre-wrap;
-          color: #080808;
+          // color: #080808;
+          font-size: 18rpx;
+          line-height: 1.5;
+          color: #595757;
 
           &:first-child {
+            align-items: center;
+            text-align: center;
+            font-size: 22rpx;
+            line-height: 1.4;
+            font-weight: 600;
             border-right: 1rpx solid #E5E5E5;
           }
         }
@@ -361,11 +377,13 @@
       }
       
       /deep/ .uv-read-more__toggle {
-        justify-content: flex-end;
+        // justify-content: flex-end;
+        padding: 10rpx 0;
+        background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.67), rgba($color: #C8C3FD, $alpha: 0.67), rgba($color: #E1DCFF, $alpha: 0.67));
       }
       /deep/ .uv-read-more__toggle__text .uv-text__value {
-        color: $uni-color !important;
-        font-size: 22rpx !important;
+        color: #9D9DF9 !important;
+        font-size: 20rpx !important;
       }
 
       &.attachment {
@@ -406,7 +424,7 @@
             padding: 7rpx 30rpx;
             font-size: 28rpx;
             color: #FFFFFF;
-            background: #4883f9;
+            background: $uni-color;
             border-radius: 27rpx;
           }
         }
@@ -424,7 +442,7 @@
     left: 0;
     bottom: 0;
     width: 100vw;
-    height: 110rpx;
+    height: 94rpx;
 		padding-bottom: env(safe-area-inset-bottom);
     background: #FFFFFF;
     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
@@ -434,14 +452,16 @@
     }
 
     .btn {
-      padding: 20rpx 90rpx;
-      font-size: 28rpx;
+      padding: 12rpx 70rpx;
+      font-size: 32rpx;
+      font-weight: 600;
+      line-height: 1.2;
       color: #FFFFFF;
-      background: #4883F9;
-      border-radius: 42rpx;
+      background: $uni-color;
+      border-radius: 30rpx;
 
       &-share {
-        background: #FFD019;
+        background: #9E96CC;
       }
 
     }
diff --git a/pages_order/thesis/poster.vue b/pages_order/thesis/poster.vue
index 2b24e68..9ee92e8 100644
--- a/pages_order/thesis/poster.vue
+++ b/pages_order/thesis/poster.vue
@@ -180,7 +180,7 @@
       padding: 20rpx 77rpx;
       font-size: 28rpx;
       color: #FFFFFF;
-      background: #4883F9;
+      background: $uni-color;
       border-radius: 14rpx;
     }
   }
diff --git a/static/image/icon-degree.png b/static/image/icon-degree.png
index 40792700ee76a4f27c704dde8514da94356345a7..8366e4b217d4e3a85a830073fc31e6f234fdc0e6 100644
GIT binary patch
literal 3807
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
VI9_|)ZWjOm002ovPDHLkV1gS21rq=O

literal 1770
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
M07*qoM6N<$f|hb#b^rhX

diff --git a/uni.scss b/uni.scss
index 0f479b7..5314b99 100644
--- a/uni.scss
+++ b/uni.scss
@@ -12,7 +12,7 @@
  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
  */
 /* 颜色变量 */
-$uni-color: #4883F9;
+$uni-color: #6851A7;
 
 /* 行为相关颜色 */
 $uni-color-primary: #007aff;
diff --git a/utils/utils.js b/utils/utils.js
index 0ad70c8..5fce262 100644
--- a/utils/utils.js
+++ b/utils/utils.js
@@ -209,6 +209,28 @@ export function redirectTo(...args){
 	uni.redirectTo(params(...args))
 }
 
+
+export function getNavHeight() {
+	// 状态栏高度
+	const statusBarHeight = uni.getSystemInfoSync().statusBarHeight
+
+	// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
+	const custom = wx.getMenuButtonBoundingClientRect()
+	// console.log(custom)
+
+	// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
+	const navigationBarHeight = custom.height + (custom.top - statusBarHeight) * 2
+	// console.log("导航栏高度："+this.globalData.navigationBarHeight)
+
+	// 总体高度 = 状态栏高度 + 导航栏高度
+	// const navHeight = navigationBarHeight + statusBarHeight
+	const navHeight = custom.top +  custom.height
+
+	console.log('navHeight', navHeight)
+
+	return navHeight
+}
+
 export default {
 	toArray,
 	generateUUID,
@@ -223,4 +245,5 @@ export default {
 	redirectTo,
 	copyText,
 	stringFormatHtml,
+	getNavHeight,
 }
\ No newline at end of file