From fb6d8efac65126f2c75ddbc955bd6d122e2633f9 Mon Sep 17 00:00:00 2001 From: Fox-33 <1466778434@qq.com> Date: Tue, 23 Sep 2025 12:14:22 +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/navbar.vue | 2 +- components/base/tabbar.vue | 2 +- components/serve/serveModuleCard.vue | 13 +++++-- components/serve/serveModuleView.vue | 67 ++++++++++++++++++++++---------- pages/index/case.vue | 14 +++++-- pages/index/center.vue | 11 ++---- pages/index/index.vue | 10 +++-- pages/index/serve.vue | 2 +- pages_order/thesis/index.vue | 24 +++++++++++- pages_order/thesis/thesisCard.vue | 2 +- pages_order/thesis/thesisInfoView.vue | 28 ++++++++++--- static/image/bg-academic-advising.png | Bin 24501 -> 0 bytes static/image/bg-paper-submission.png | Bin 25865 -> 0 bytes static/image/icon-academic-advising.png | Bin 12576 -> 0 bytes static/image/icon-question.png | Bin 6228 -> 0 bytes static/image/tabbar/case-a.png | Bin 2366 -> 1437 bytes static/image/tabbar/case.png | Bin 2480 -> 1676 bytes static/image/tabbar/center-a.png | Bin 1752 -> 1216 bytes static/image/tabbar/center.png | Bin 2506 -> 1694 bytes static/image/tabbar/home-a.png | Bin 1929 -> 1397 bytes static/image/tabbar/home.png | Bin 2078 -> 1410 bytes static/image/tabbar/serve-a.png | Bin 621 -> 455 bytes static/image/tabbar/serve.png | Bin 1216 -> 857 bytes 23 files changed, 124 insertions(+), 51 deletions(-) delete mode 100644 static/image/bg-academic-advising.png delete mode 100644 static/image/bg-paper-submission.png delete mode 100644 static/image/icon-academic-advising.png delete mode 100644 static/image/icon-question.png diff --git a/components/base/navbar.vue b/components/base/navbar.vue index 30cac20..1563659 100644 --- a/components/base/navbar.vue +++ b/components/base/navbar.vue @@ -7,7 +7,7 @@ - + diff --git a/components/base/tabbar.vue b/components/base/tabbar.vue index 85ab6dc..909a7a4 100644 --- a/components/base/tabbar.vue +++ b/components/base/tabbar.vue @@ -120,7 +120,7 @@ } .tabbar-active { - color: $uni-color !important; + color: #6A5494 !important; } } } diff --git a/components/serve/serveModuleCard.vue b/components/serve/serveModuleCard.vue index 362d2c6..cb66bc3 100644 --- a/components/serve/serveModuleCard.vue +++ b/components/serve/serveModuleCard.vue @@ -1,6 +1,5 @@ @@ -34,6 +34,11 @@ list: [], } }, + computed: { + style() { + return this.isFold ? '' : 'position: absolute; top: 0; left: 0; width: 100%;' + } + }, methods: { async getData() { try { @@ -74,11 +79,13 @@ } .list { - padding: 0 12rpx; + padding: 90rpx 20rpx 0 12rpx; box-sizing: border-box; &-item { - margin-top: 26rpx; + & + & { + margin-top: 26rpx; + } } } \ No newline at end of file diff --git a/components/serve/serveModuleView.vue b/components/serve/serveModuleView.vue index c7bb726..e271dac 100644 --- a/components/serve/serveModuleView.vue +++ b/components/serve/serveModuleView.vue @@ -1,11 +1,20 @@ @@ -50,35 +59,46 @@ export default { \ No newline at end of file diff --git a/pages/index/case.vue b/pages/index/case.vue index 3c19f9d..14ced89 100644 --- a/pages/index/case.vue +++ b/pages/index/case.vue @@ -27,7 +27,8 @@ - + + @@ -157,7 +158,7 @@ .header { margin-bottom: 32rpx; - padding-top: calc(var(--status-bar-height) + 60rpx); + padding-top: 186rpx; justify-content: space-between; .title { @@ -252,8 +253,13 @@ } .swiper { - border-radius: 10rpx; - overflow: hidden; + // border-radius: 10rpx; + // overflow: hidden; + + .img { + width: 100%; + height: auto; + } /deep/ .uv-swiper-indicator__wrapper__dot { width: 25rpx; diff --git a/pages/index/center.vue b/pages/index/center.vue index da64018..bf146a9 100644 --- a/pages/index/center.vue +++ b/pages/index/center.vue @@ -7,7 +7,7 @@ - + {{ configList.page_center_title }} {{ configList.page_center_desc }} @@ -65,7 +65,8 @@ } .header { - padding-top: calc(var(--status-bar-height) + 60rpx); + margin: 0 38rpx 22rpx 38rpx; + padding-top: 186rpx; justify-content: space-between; .title { @@ -123,10 +124,6 @@ box-sizing: border-box; } - .section { - margin: 0 38rpx 24rpx 38rpx; - } - .swiper { border-radius: 10rpx; overflow: hidden; @@ -144,7 +141,7 @@ } .list { - margin-top: 60rpx; + // margin-top: 60rpx; padding: 0 38rpx; &-item { diff --git a/pages/index/index.vue b/pages/index/index.vue index c596206..7a96824 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -148,7 +148,7 @@ } .header { - padding-top: calc(var(--status-bar-height) + 60rpx); + padding-top: 186rpx; justify-content: space-between; .title { @@ -295,7 +295,7 @@ align-items: center; justify-content: flex-start; column-gap: 50rpx; - padding: 14rpx 28rpx; + padding: 26rpx 28rpx; box-sizing: border-box; background: linear-gradient(to right, rgba($color: #E2DDFF, $alpha: 0.26), rgba($color: #C8C3FD, $alpha: 0.26)); // background: rgba($color: #E2DDFF, $alpha: 0.26); @@ -320,7 +320,7 @@ &-row { justify-content: space-between; - padding: 14rpx 30rpx 14rpx 42rpx; + padding: 26rpx 30rpx 26rpx 42rpx; & + & { margin-top: 28rpx; @@ -332,7 +332,9 @@ .btn { column-gap: 12rpx; - padding: 8rpx 24rpx 8rpx 26rpx; + // padding: 8rpx 24rpx 8rpx 26rpx; + padding: 10rpx 24rpx 10rpx 26rpx; + line-height: 1; font-size: 20rpx; font-weight: 600; color: #6851A7; diff --git a/pages/index/serve.vue b/pages/index/serve.vue index effdaca..08576d8 100644 --- a/pages/index/serve.vue +++ b/pages/index/serve.vue @@ -84,7 +84,7 @@ .header { margin-bottom: 32rpx; - padding-top: calc(var(--status-bar-height) + 60rpx); + padding-top: 186rpx; justify-content: space-between; .title { diff --git a/pages_order/thesis/index.vue b/pages_order/thesis/index.vue index 693a2c8..1cccb29 100644 --- a/pages_order/thesis/index.vue +++ b/pages_order/thesis/index.vue @@ -16,8 +16,11 @@ - - + + 难度 + + + {{ item.title }} @@ -191,6 +194,11 @@ } }, computed: { + difficulty() { + const num = parseInt(this.details?.process) + + return isNaN(num) ? 0 : num + }, posterData() { const { id, title, image, paperDesc, paperImage } = this.details || {} @@ -307,10 +315,22 @@ 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; + + &-title { + font-size: 30rpx; + font-weight: 600; + color: #3378EA; + } + + .star { + column-gap: 6rpx; + } } &-item { diff --git a/pages_order/thesis/thesisCard.vue b/pages_order/thesis/thesisCard.vue index 94f6d21..d0c4d32 100644 --- a/pages_order/thesis/thesisCard.vue +++ b/pages_order/thesis/thesisCard.vue @@ -64,7 +64,7 @@ } .main { - align-items: flex-start; + // align-items: flex-start; width: 100%; } diff --git a/pages_order/thesis/thesisInfoView.vue b/pages_order/thesis/thesisInfoView.vue index e642882..29e043f 100644 --- a/pages_order/thesis/thesisInfoView.vue +++ b/pages_order/thesis/thesisInfoView.vue @@ -1,8 +1,11 @@