diff --git a/components/CustomTabBar/CustomTabBar.vue b/components/CustomTabBar/CustomTabBar.vue
index 5e21f93..218ccf3 100644
--- a/components/CustomTabBar/CustomTabBar.vue
+++ b/components/CustomTabBar/CustomTabBar.vue
@@ -295,14 +295,14 @@ onMounted(() => {
bottom: 0;
left: 0;
right: 0;
- height: 100rpx;
+ height: 150rpx;
background-color: #ffffff;
// border-top: 1rpx solid #e5e5e5;
display: flex;
align-items: center;
padding-bottom: env(safe-area-inset-bottom);
z-index: 9999;
- box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
+ box-shadow: 0 -3rpx 15rpx rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
@@ -314,21 +314,21 @@ onMounted(() => {
justify-content: center;
height: 100%;
color: #5E5F60;
- font-size: 22rpx;
+ font-size: 33rpx;
position: relative;
cursor: pointer;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
.icon-container{
- width: 50rpx;
- height: 50rpx;
+ width: 75rpx;
+ height: 75rpx;
}
}
.tabbar-icon {
- width: 50rpx;
- height: 50rpx;
- margin-bottom: 4rpx;
+ width: 75rpx;
+ height: 75rpx;
+ margin-bottom: 6rpx;
position: relative;
}
@@ -338,7 +338,7 @@ onMounted(() => {
}
.tabbar-text {
- font-size: 22rpx;
+ font-size: 33rpx;
line-height: 1;
transition: color 0.3s ease;
}
@@ -350,17 +350,17 @@ onMounted(() => {
.badge {
position: absolute;
- top: 4rpx;
- right: 20rpx;
- min-width: 32rpx;
- height: 32rpx;
+ top: 6rpx;
+ right: 30rpx;
+ min-width: 48rpx;
+ height: 48rpx;
background-color: #ff4444;
color: #fff;
- font-size: 19rpx;
- border-radius: 16rpx;
+ font-size: 28rpx;
+ border-radius: 24rpx;
text-align: center;
- line-height: 32rpx;
- padding: 0 10rpx;
+ line-height: 48rpx;
+ padding: 0 15rpx;
transform: scale(0.8);
}
@@ -368,25 +368,25 @@ onMounted(() => {
.tabbar-item.center-item {
.tabbar-icon {
- width: 60rpx;
- height: 60rpx;
+ width: 90rpx;
+ height: 90rpx;
margin-bottom: 0;
}
.tabbar-icon image {
- // margin-top: -25rpx;
+ // margin-top: -37.5rpx;
width: 80%;
animation: bounce 2s ease-in-out infinite;
}
.icon-container{
- width: 50rpx;
- height: 50rpx;
+ width: 75rpx;
+ height: 75rpx;
text-align: center;
border-radius: 50%;
- border: 2rpx solid #256BFA;
- box-shadow: 0 0 10rpx #256BFA;
+ border: 3rpx solid #256BFA;
+ box-shadow: 0 0 15rpx #256BFA;
transform: scale(1.6);
position: relative;
- top: 5rpx;
+ top: 7.5rpx;
animation: pulse 2s ease-in-out infinite;
}
}
diff --git a/components/new-filter-page/new-filter-page.vue b/components/new-filter-page/new-filter-page.vue
index f685d7b..c716cc4 100644
--- a/components/new-filter-page/new-filter-page.vue
+++ b/components/new-filter-page/new-filter-page.vue
@@ -196,25 +196,26 @@ const handleClose = () => {
z-index: 9999;
display: flex;
flex-direction: column;
+ padding-top: 84rpx;
}
.filter-header {
- height: 96rpx;
+ height: 144rpx;
display: flex;
align-items: center;
justify-content: space-between;
- padding: 0 32rpx;
+ padding: 0 48rpx;
border-bottom: 1rpx solid #eee;
background-color: #fff;
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+ box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.05);
.back-btn {
- font-size: 36rpx;
- width: 48rpx;
+ font-size: 54rpx;
+ width: 72rpx;
display: flex;
align-items: center;
justify-content: center;
- padding: 10rpx;
+ padding: 15rpx;
border-radius: 50%;
transition: all 0.3s ease;
@@ -224,7 +225,7 @@ const handleClose = () => {
}
.filter-title {
- font-size: 34rpx;
+ font-size: 51rpx;
font-weight: 600;
color: #333;
}
@@ -234,14 +235,14 @@ const handleClose = () => {
display: flex;
border-bottom: 1rpx solid #eee;
background-color: #fff;
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+ box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.05);
.tab-item {
flex: 1;
- height: 90rpx;
- line-height: 90rpx;
+ height: 135rpx;
+ line-height: 135rpx;
text-align: center;
- font-size: 30rpx;
+ font-size: 45rpx;
color: #666;
position: relative;
transition: all 0.3s ease;
@@ -256,9 +257,9 @@ const handleClose = () => {
bottom: 0;
left: 25%;
width: 50%;
- height: 4rpx;
+ height: 6rpx;
background-color: #256BFA;
- border-radius: 2rpx;
+ border-radius: 3rpx;
}
}
@@ -270,7 +271,7 @@ const handleClose = () => {
.filter-content {
flex: 1;
- padding: 40rpx 32rpx;
+ padding: 60rpx 48rpx;
overflow-y: auto;
}
@@ -278,7 +279,7 @@ const handleClose = () => {
.radio-item {
display: flex;
align-items: center;
- padding: 30rpx 0;
+ padding: 45rpx 0;
border-bottom: 1rpx solid #f0f0f0;
transition: all 0.3s ease;
position: relative;
@@ -292,9 +293,9 @@ const handleClose = () => {
}
radio {
- width: 28rpx;
- height: 28rpx;
- margin-right: 24rpx;
+ width: 42rpx;
+ height: 42rpx;
+ margin-right: 36rpx;
transform: scale(1);
display: flex;
align-items: center;
@@ -302,10 +303,10 @@ const handleClose = () => {
}
radio .wx-radio-input {
- width: 28rpx;
- height: 28rpx;
+ width: 42rpx;
+ height: 42rpx;
border-radius: 50%;
- border: 2rpx solid #ccc;
+ border: 3rpx solid #ccc;
background: transparent;
}
@@ -315,11 +316,11 @@ const handleClose = () => {
}
radio .wx-radio-input::before {
- width: 16rpx;
- height: 16rpx;
- line-height: 16rpx;
+ width: 24rpx;
+ height: 24rpx;
+ line-height: 24rpx;
text-align: center;
- font-size: 12rpx;
+ font-size: 18rpx;
color: #fff;
background: transparent;
transform: translate(-50%, -50%) scale(0);
@@ -332,22 +333,22 @@ const handleClose = () => {
}
.option-label {
- font-size: 30rpx;
+ font-size: 45rpx;
color: #333;
flex: 1;
font-weight: 400;
- line-height: 40rpx;
+ line-height: 60rpx;
}
}
}
.filter-footer {
- height: 160rpx;
+ height: 240rpx;
display: flex;
border-top: 1rpx solid #eee;
background-color: #fff;
- box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
- padding: 20rpx 32rpx 100rpx;
+ box-shadow: 0 -3rpx 15rpx rgba(0, 0, 0, 0.05);
+ padding: 30rpx 48rpx 150rpx;
flex-shrink: 0;
position: relative;
z-index: 10;
@@ -355,15 +356,15 @@ const handleClose = () => {
.footer-btn {
flex: 1;
margin: 0;
- border-radius: 16rpx;
- height: 80rpx;
- line-height: 80rpx;
- font-size: 32rpx;
+ border-radius: 24rpx;
+ height: 120rpx;
+ line-height: 120rpx;
+ font-size: 48rpx;
transition: all 0.3s ease;
font-weight: 500;
&:first-child {
- margin-right: 20rpx;
+ margin-right: 30rpx;
background-color: #f5f5f5;
color: #666;
border: 1rpx solid #e0e0e0;
diff --git a/components/renderCompanys/renderCompanys.vue b/components/renderCompanys/renderCompanys.vue
index 5a1456d..9e012d8 100644
--- a/components/renderCompanys/renderCompanys.vue
+++ b/components/renderCompanys/renderCompanys.vue
@@ -65,16 +65,16 @@ function nextDetail(company) {
diff --git a/components/renderJobs/renderJobs.vue b/components/renderJobs/renderJobs.vue
index 29ff2e8..c4a9e68 100644
--- a/components/renderJobs/renderJobs.vue
+++ b/components/renderJobs/renderJobs.vue
@@ -84,16 +84,16 @@ function nextDetail(job) {
diff --git a/packageA/pages/Intendedposition/Intendedposition.vue b/packageA/pages/Intendedposition/Intendedposition.vue
index d70d315..e916db5 100644
--- a/packageA/pages/Intendedposition/Intendedposition.vue
+++ b/packageA/pages/Intendedposition/Intendedposition.vue
@@ -77,7 +77,7 @@ function getJobList(type = 'add') {
diff --git a/packageA/pages/addWorkExperience/addWorkExperience.vue b/packageA/pages/addWorkExperience/addWorkExperience.vue
index a0090af..ac6693c 100644
--- a/packageA/pages/addWorkExperience/addWorkExperience.vue
+++ b/packageA/pages/addWorkExperience/addWorkExperience.vue
@@ -3,11 +3,11 @@
公司名称
-
+
职位名称
-
+
工作时间
@@ -30,7 +30,7 @@
工作描述
-
+
@@ -233,60 +233,60 @@
}
.content{
- padding: 28rpx;
+ padding: 42rpx;
display: flex;
flex-direction: column;
justify-content: flex-start;
- padding-bottom: 120rpx;
+ padding-bottom: 180rpx;
}
.content-input
- margin-bottom: 52rpx
+ margin-bottom: 78rpx
.input-titile
font-weight: 400;
- font-size: 28rpx;
+ font-size: 42rpx;
color: #6A6A6A;
.input-con
font-weight: 400;
- font-size: 32rpx;
+ font-size: 48rpx;
color: #333333;
- line-height: 80rpx;
- height: 80rpx;
- border-bottom: 2rpx solid #EBEBEB
+ line-height: 120rpx;
+ height: 120rpx;
+ border-bottom: 3rpx solid #EBEBEB
position: relative;
.triangle::before
position: absolute;
- right: 20rpx;
- top: calc(50% - 2rpx);
+ right: 30rpx;
+ top: calc(50% - 3rpx);
content: '';
- width: 4rpx;
- height: 18rpx;
- border-radius: 2rpx
+ width: 6rpx;
+ height: 27rpx;
+ border-radius: 3rpx
background: #697279;
transform: translate(0, -50%) rotate(-45deg) ;
.triangle::after
position: absolute;
- right: 20rpx;
+ right: 30rpx;
top: 50%;
content: '';
- width: 4rpx;
- height: 18rpx;
- border-radius: 2rpx
+ width: 6rpx;
+ height: 27rpx;
+ border-radius: 3rpx
background: #697279;
transform: rotate(45deg)
.textarea-con
- border: 2rpx solid #EBEBEB
+ border: 3rpx solid #EBEBEB
width: 95%
- height: 400rpx
- margin-top: 20rpx
- padding: 15rpx
+ height: 600rpx
+ margin-top: 30rpx
+ padding: 23rpx
.date-range-container
display: flex
align-items: flex-end
justify-content: space-between
- margin-top: 20rpx
+ margin-top: 30rpx
position: relative
- border-bottom: 2rpx solid #EBEBEB
+ border-bottom: 3rpx solid #EBEBEB
.date-picker-item
flex: 1
@@ -295,15 +295,15 @@
align-items: center
.date-label
- font-size: 24rpx
+ font-size: 36rpx
color: #999999
- margin-bottom: 10rpx
+ margin-bottom: 15rpx
.date-display
width: 100%
- height: 80rpx
- line-height: 80rpx
- font-size: 32rpx
+ height: 120rpx
+ line-height: 120rpx
+ font-size: 48rpx
color: #333333
text-align: center
position: relative
@@ -315,15 +315,15 @@
.date-separator
position: absolute
left: 50%
- bottom: 40rpx
+ bottom: 60rpx
transform: translateX(-50%)
- font-size: 28rpx
+ font-size: 42rpx
color: #666666
background-color: #ffffff
- padding: 0 10rpx
+ padding: 0 15rpx
z-index: 2
- height: 20rpx
- line-height: 20rpx
+ height: 30rpx
+ line-height: 30rpx
display: flex
align-items: center
@@ -334,69 +334,69 @@
left: 0
right: 0
background-color: #ffffff
- padding: 20rpx 28rpx
- border-top: 2rpx solid #EBEBEB
+ padding: 30rpx 42rpx
+ border-top: 3rpx solid #EBEBEB
z-index: 999
.confirm-btn
width: 100%
- height: 90rpx
+ height: 135rpx
background: #256BFA
- border-radius: 12rpx
+ border-radius: 18rpx
font-weight: 500
- font-size: 32rpx
+ font-size: 48rpx
color: #FFFFFF
text-align: center
- line-height: 90rpx
+ line-height: 135rpx
button-click: true
// .content-sex
-// height: 110rpx;
+// height: 165rpx;
// display: flex
// justify-content: space-between;
// align-items: flex-start;
-// border-bottom: 2rpx solid #EBEBEB
-// margin-bottom: 52rpx
+// border-bottom: 3rpx solid #EBEBEB
+// margin-bottom: 78rpx
// .sex-titile
-// line-height: 80rpx;
+// line-height: 120rpx;
// .sext-ri
// display: flex
// align-items: center;
// .sext-box
-// height: 76rpx;
-// width: 152rpx;
+// height: 114rpx;
+// width: 228rpx;
// text-align: center;
-// line-height: 80rpx;
-// border-radius: 12rpx 12rpx 12rpx 12rpx
-// border: 2rpx solid #E8EAEE;
-// margin-left: 28rpx
+// line-height: 120rpx;
+// border-radius: 18rpx 18rpx 18rpx 18rpx
+// border: 3rpx solid #E8EAEE;
+// margin-left: 42rpx
// font-weight: 400;
-// font-size: 28rpx;
+// font-size: 42rpx;
// .sext-boxactive
// color: #256BFA
// background: rgba(37,107,250,0.1);
-// border: 2rpx solid #256BFA;
+// border: 3rpx solid #256BFA;
// .next-btn
// width: 100%;
-// height: 90rpx;
+// height: 135rpx;
// background: #256BFA;
-// border-radius: 12rpx 12rpx 12rpx 12rpx;
+// border-radius: 18rpx 18rpx 18rpx 18rpx;
// font-weight: 500;
-// font-size: 32rpx;
+// font-size: 48rpx;
// color: #FFFFFF;
// text-align: center;
-// line-height: 90rpx
+// line-height: 135rpx
// .input-nx
// position: relative
-// border-bottom: 2rpx solid #EBEBEB
-// padding-bottom: 30rpx
+// border-bottom: 3rpx solid #EBEBEB
+// padding-bottom: 45rpx
// display: flex
// flex-wrap: wrap
// .nx-item
-// padding: 20rpx 28rpx
+// padding: 30rpx 42rpx
// width: fit-content
-// border-radius: 12rpx 12rpx 12rpx 12rpx;
-// border: 2rpx solid #E8EAEE;
-// margin-right: 24rpx
-// margin-top: 24rpx
+// border-radius: 18rpx 18rpx 18rpx 18rpx;
+// border: 3rpx solid #E8EAEE;
+// margin-right: 36rpx
+// margin-top: 36rpx
diff --git a/packageA/pages/agreement/privacy.vue b/packageA/pages/agreement/privacy.vue
index fcf744f..1adfb35 100644
--- a/packageA/pages/agreement/privacy.vue
+++ b/packageA/pages/agreement/privacy.vue
@@ -153,21 +153,21 @@ const goBack = () => {
background: #f5f5f5
.nav-bar
- height: 88rpx
+ height: 132rpx
background: #fff
display: flex
align-items: center
justify-content: space-between
- padding: 0 32rpx
- box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05)
+ padding: 0 48rpx
+ box-shadow: 0 3rpx 12rpx rgba(0,0,0,0.05)
position: sticky
top: 0
z-index: 10
.nav-left
.nav-right
- width: 80rpx
- height: 88rpx
+ width: 120rpx
+ height: 132rpx
display: flex
align-items: center
@@ -178,7 +178,7 @@ const goBack = () => {
justify-content: flex-end
.nav-title
- font-size: 32rpx
+ font-size: 48rpx
font-weight: 600
color: #333
@@ -186,59 +186,59 @@ const goBack = () => {
flex: 1
.agreement-content
- padding: 32rpx
+ padding: 48rpx
background: #fff
- margin: 20rpx
- border-radius: 16rpx
+ margin: 30rpx
+ border-radius: 24rpx
.agreement-title
- font-size: 36rpx
+ font-size: 54rpx
font-weight: 700
color: #333
text-align: center
- margin-bottom: 40rpx
+ margin-bottom: 60rpx
.important-tip
background: #f0f5ff
- border-left: 8rpx solid #256bfa
- padding: 24rpx
- margin-bottom: 40rpx
- font-size: 28rpx
+ border-left: 12rpx solid #256bfa
+ padding: 36rpx
+ margin-bottom: 60rpx
+ font-size: 42rpx
line-height: 1.6
color: #333
.section
- margin-bottom: 48rpx
+ margin-bottom: 72rpx
.section-title
- font-size: 32rpx
+ font-size: 48rpx
font-weight: 600
color: #333
- margin-bottom: 32rpx
- padding-bottom: 16rpx
- border-bottom: 2rpx solid #f0f0f0
+ margin-bottom: 48rpx
+ padding-bottom: 24rpx
+ border-bottom: 3rpx solid #f0f0f0
.section-subtitle
- font-size: 28rpx
+ font-size: 42rpx
font-weight: 600
color: #333
- margin-bottom: 24rpx
+ margin-bottom: 36rpx
.section-content
- margin-bottom: 32rpx
+ margin-bottom: 48rpx
.paragraph
display: flex
- margin-bottom: 24rpx
+ margin-bottom: 36rpx
.paragraph-title
font-weight: 500
color: #333
- min-width: 120rpx
+ min-width: 180rpx
flex-shrink: 0
.paragraph-text
- font-size: 26rpx
+ font-size: 39rpx
line-height: 1.6
color: #666
flex: 1
diff --git a/packageA/pages/agreement/user.vue b/packageA/pages/agreement/user.vue
index 7f5e211..a69bd5b 100644
--- a/packageA/pages/agreement/user.vue
+++ b/packageA/pages/agreement/user.vue
@@ -199,21 +199,21 @@ const disagreeAgreement = () => {
display: flex
flex-direction: column
.nav-bar
- height: 88rpx
+ height: 132rpx
background: #fff
display: flex
align-items: center
justify-content: space-between
- padding: 0 32rpx
- box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05)
+ padding: 0 48rpx
+ box-shadow: 0 3rpx 12rpx rgba(0,0,0,0.05)
position: sticky
top: 0
z-index: 10
.nav-left
.nav-right
- width: 80rpx
- height: 88rpx
+ width: 120rpx
+ height: 132rpx
display: flex
align-items: center
@@ -224,7 +224,7 @@ const disagreeAgreement = () => {
justify-content: flex-end
.nav-title
- font-size: 32rpx
+ font-size: 48rpx
font-weight: 600
color: #333
@@ -233,59 +233,59 @@ const disagreeAgreement = () => {
height: 0 /* 让flex:1生效 */
.agreement-content
- padding: 32rpx
+ padding: 48rpx
background: #fff
- margin: 20rpx
- border-radius: 16rpx
+ margin: 30rpx
+ border-radius: 24rpx
.agreement-title
- font-size: 36rpx
+ font-size: 54rpx
font-weight: 700
color: #333
text-align: center
- margin-bottom: 40rpx
+ margin-bottom: 60rpx
.important-tip
background: #f0f5ff
- border-left: 8rpx solid #256bfa
- padding: 24rpx
- margin-bottom: 40rpx
- font-size: 28rpx
+ border-left: 12rpx solid #256bfa
+ padding: 36rpx
+ margin-bottom: 60rpx
+ font-size: 42rpx
line-height: 1.6
color: #333
.section
- margin-bottom: 48rpx
+ margin-bottom: 72rpx
.section-title
- font-size: 32rpx
+ font-size: 48rpx
font-weight: 600
color: #333
- margin-bottom: 32rpx
- padding-bottom: 16rpx
- border-bottom: 2rpx solid #f0f0f0
+ margin-bottom: 48rpx
+ padding-bottom: 24rpx
+ border-bottom: 3rpx solid #f0f0f0
.section-subtitle
- font-size: 28rpx
+ font-size: 42rpx
font-weight: 600
color: #333
- margin-bottom: 24rpx
+ margin-bottom: 36rpx
.section-content
- margin-bottom: 32rpx
+ margin-bottom: 48rpx
.paragraph
display: flex
- margin-bottom: 24rpx
+ margin-bottom: 36rpx
.paragraph-title
font-weight: 500
color: #333
- min-width: 120rpx
+ min-width: 180rpx
flex-shrink: 0
.paragraph-text
- font-size: 26rpx
+ font-size: 39rpx
line-height: 1.6
color: #666
flex: 1
@@ -294,27 +294,27 @@ const disagreeAgreement = () => {
margin-bottom: 0
.agreement-actions
- margin-top: 60rpx
- padding: 0 32rpx
+ margin-top: 90rpx
+ padding: 0 48rpx
display: flex
flex-direction: column
- gap: 24rpx
+ gap: 36rpx
.agree-btn
width: 100%
- height: 88rpx
- border-radius: 44rpx
+ height: 132rpx
+ border-radius: 66rpx
display: flex
align-items: center
justify-content: center
- font-size: 32rpx
+ font-size: 48rpx
font-weight: 500
border: none
&.primary
background: linear-gradient(135deg, #256BFA 0%, #1E5BFF 100%)
color: #FFFFFF
- box-shadow: 0 8rpx 20rpx rgba(37, 107, 250, 0.3)
+ box-shadow: 0 12rpx 30rpx rgba(37, 107, 250, 0.3)
&.secondary
background: #F7F8FA
diff --git a/packageA/pages/browseJob/browseJob.vue b/packageA/pages/browseJob/browseJob.vue
index a130eb8..ebefa40 100644
--- a/packageA/pages/browseJob/browseJob.vue
+++ b/packageA/pages/browseJob/browseJob.vue
@@ -1,5 +1,5 @@
-
+
@@ -148,15 +148,15 @@ function getPreviousDay(dateStr) {
diff --git a/packageA/pages/chat/components/ai-paging.vue b/packageA/pages/chat/components/ai-paging.vue
index 3ad0775..60206c9 100644
--- a/packageA/pages/chat/components/ai-paging.vue
+++ b/packageA/pages/chat/components/ai-paging.vue
@@ -960,7 +960,7 @@ defineExpose({ scrollToBottom, closeGuess, closeFile, changeQueries, handleTouch
.collapse-enter-to,
.collapse-leave-from {
- max-height: 400rpx; /* 根据你内容最大高度设定 */
+ max-height: 600rpx; /* 根据你内容最大高度设定 */
opacity: 1;
}
.msg-filecontent
@@ -968,48 +968,48 @@ defineExpose({ scrollToBottom, closeGuess, closeFile, changeQueries, handleTouch
flex-wrap: wrap
.msg-files
overflow: hidden
- margin-right: 10rpx
- height: 30rpx
- max-width: 201rpx
+ margin-right: 15rpx
+ height: 45rpx
+ max-width: 302rpx
background: #FFFFFF
- border-radius: 10rpx
+ border-radius: 15rpx
display: flex
align-items: center
justify-content: flex-start
- padding: 10rpx
+ padding: 15rpx
color: #000000
- margin-bottom: 10rpx
+ margin-bottom: 15rpx
.msg-file-icon
- width: 29rpx
- height: 26rpx
- padding-right: 10rpx
+ width: 44rpx
+ height: 39rpx
+ padding-right: 15rpx
.msg-file-text
flex: 1
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
color: rgba(96, 96, 96, 1)
- font-size: 24rpx
+ font-size: 36rpx
.msg-files:active
background: #e9e9e9
.guess
- padding: 5rpx 0 10rpx 0
+ padding: 8rpx 0 15rpx 0
.guess-list
- padding: 16rpx 24rpx
- margin-top: 28rpx
- font-size: 24rpx
+ padding: 24rpx 36rpx
+ margin-top: 42rpx
+ font-size: 36rpx
color: #8c8c8c
width: 100%;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- border: 2rpx solid #E5E5E5;
- font-size: 28rpx;
+ border-radius: 30rpx 30rpx 30rpx 30rpx;
+ border: 3rpx solid #E5E5E5;
+ font-size: 42rpx;
color: #333333;
- line-height: 33rpx;
+ line-height: 50rpx;
.gulist
display: flex
flex-wrap: wrap
position: relative
-image-margin-top = 40rpx
+image-margin-top = 60rpx
.chat-container
display: flex;
flex-direction: column;
@@ -1020,54 +1020,54 @@ image-margin-top = 40rpx
.chat-background
position: absolute
- padding: 44rpx;
+ padding: 66rpx;
display: flex
flex-direction: column
justify-content: flex-start
align-items: center
- width: calc(100% - 88rpx)
+ width: calc(100% - 132rpx)
position: relative
z-index: 1
.backlogo
- width: 313rpx;
- height: 190rpx;
+ width: 470rpx;
+ height: 285rpx;
.back-rowTitle
- height: 56rpx;
+ height: 84rpx;
font-weight: bold;
- font-size: 40rpx;
+ font-size: 60rpx;
color: #333333;
- line-height: 47rpx;
- margin-top: 40rpx
+ line-height: 71rpx;
+ margin-top: 60rpx
.back-rowText
- margin-top: 28rpx
+ margin-top: 42rpx
width: 100%;
- height: 148rpx;
+ height: 222rpx;
font-weight: 400;
- font-size: 28rpx;
+ font-size: 42rpx;
color: #333333;
- line-height: 40rpx
- // border-bottom: 2rpx dashed rgba(0, 0, 0, 0.2);
- border-bottom: 2rpx solid transparent;
+ line-height: 60rpx
+ // border-bottom: 3rpx dashed rgba(0, 0, 0, 0.2);
+ border-bottom: 3rpx solid transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, transparent 50%);
- background-size: 10rpx 2rpx; /* 调整虚线宽度和间距 */
+ background-size: 15rpx 3rpx; /* 调整虚线宽度和间距 */
background-repeat: repeat-x;
- background-position: 0 148rpx
+ background-position: 0 222rpx
.back-rowh3
width: 100%;
font-weight: 500;
- font-size: 28rpx;
+ font-size: 42rpx;
color: #000000;
- margin-top: 28rpx
+ margin-top: 42rpx
.back-rowmsg
- width: calc(100% - 32rpx)
- margin-top: 24rpx
+ width: calc(100% - 48rpx)
+ margin-top: 36rpx
font-weight: 500;
color: rgba(51, 51, 51, 1);
- line-height: 28rpx;
- font-size: 24rpx
+ line-height: 42rpx;
+ font-size: 36rpx
background: rgba(246, 246, 246, 1);
- border-radius: 8rpx 8rpx 8rpx 8rpx;
- padding: 32rpx 18rpx;
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ padding: 48rpx 27rpx;
.chat-list {
flex: 1;
@@ -1075,12 +1075,12 @@ image-margin-top = 40rpx
white-space: pre-wrap;
}
.list-content {
- padding: 0 44rpx 10rpx 44rpx;
+ padding: 0 66rpx 15rpx 66rpx;
}
.chat-item {
display: flex;
align-items: flex-start;
- margin-bottom: 10rpx;
+ margin-bottom: 15rpx;
width: 100%;
}
.chat-item.self {
@@ -1095,28 +1095,28 @@ image-margin-top = 40rpx
user-select: text;
-webkit-user-select: text;
.message-markdown
- border-radius: 0 20rpx 20rpx 20rpx;
- padding: 20rpx 20rpx 20rpx 20rpx;
+ border-radius: 0 30rpx 30rpx 30rpx;
+ padding: 30rpx 30rpx 30rpx 30rpx;
background: #F6F6F6;
.message-controll
display: flex
justify-content: space-between
align-items: center
- border-top: 2rpx solid #EAEAEA
- padding: 24rpx 0 4rpx 0
- margin-top: 10rpx
+ border-top: 3rpx solid #EAEAEA
+ padding: 36rpx 0 6rpx 0
+ margin-top: 15rpx
.controll-left
.controll-right
.controll-icon
- width: 60rpx;
- height: 60rpx;
+ width: 90rpx;
+ height: 90rpx;
.messageNull
display: none
.msg-loading{
background: #F6F6F6;
- border-radius: 20rpx 0 20rpx 20rpx;
- padding: 20rpx;
+ border-radius: 30rpx 0 30rpx 30rpx;
+ padding: 30rpx;
width: fit-content;
display: flex;
align-items: center;
@@ -1126,44 +1126,44 @@ image-margin-top = 40rpx
display: flex;
align-items: center;
justify-content: center;
- gap: 16rpx;
+ gap: 24rpx;
}
.loading-text{
- font-size: 28rpx;
+ font-size: 42rpx;
color: #666666;
font-weight: 500;
}
}
.loaded{
- padding-left: 20rpx
+ padding-left: 30rpx
}
.chat-item.self .message {
background: linear-gradient( 225deg, #DAE2FE 0%, #E9E3FF 100%);
- border-radius: 20rpx 0 20rpx 20rpx;
- padding: 20rpx;
+ border-radius: 30rpx 0 30rpx 30rpx;
+ padding: 30rpx;
width: fit-content;
}
.input-area {
- padding: 32rpx 28rpx 24rpx 28rpx;
+ padding: 48rpx 42rpx 36rpx 42rpx;
/* #ifdef H5 */
- padding-bottom: calc(24rpx + env(safe-area-inset-bottom) + 70rpx);
+ padding-bottom: calc(24rpx + env(safe-area-inset-bottom) + 105rpx);
/* #endif */
/* #ifdef MP-WEIXIN */
/* 小程序不支持CSS中的本地图片,使用image标签替代 */
- padding-bottom: calc(24rpx + env(safe-area-inset-bottom) + 40rpx - 50rpx);
+ padding-bottom: calc(24rpx + env(safe-area-inset-bottom) + 60rpx - 75rpx);
/* #endif */
position: relative;
background: #FFFFFF;
- box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
+ box-shadow: 0rpx -4rpx 15rpx 0rpx rgba(11,44,112,0.06);
transition: height 2s ease-in-out;
z-index: 1001;
}
.ai-tips{
- font-size: 24rpx;
+ font-size: 36rpx;
color: #8c8c8c;
- line-height: 33rpx;
- margin-top: 18rpx;
+ line-height: 50rpx;
+ margin-top: 27rpx;
text-align: center;
}
.input-area::after
@@ -1173,33 +1173,33 @@ image-margin-top = 40rpx
left: 0
width: 100%
z-index: 1
- box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
+ box-shadow: 0rpx -4rpx 15rpx 0rpx rgba(11,44,112,0.06);
.areatext{
display: flex;
}
.input {
flex: 1;
- border-radius: 5rpx;
- min-height: 63rpx;
- line-height: 63rpx;
- padding: 4rpx 24rpx;
+ border-radius: 8rpx;
+ min-height: 95rpx;
+ line-height: 95rpx;
+ padding: 6rpx 36rpx;
position: relative
background: #F5F5F5;
- border-radius: 60rpx 60rpx 60rpx 60rpx;
+ border-radius: 90rpx 90rpx 90rpx 90rpx;
}
.input_vio
flex: 1;
- border-radius: 5rpx;
- min-height: 63rpx;
- line-height: 63rpx;
- padding: 4rpx 24rpx;
+ border-radius: 8rpx;
+ min-height: 95rpx;
+ line-height: 95rpx;
+ padding: 6rpx 36rpx;
// position: relative
- border-radius: 60rpx 60rpx 60rpx 60rpx;
- font-size: 28rpx
+ border-radius: 90rpx 90rpx 90rpx 90rpx;
+ font-size: 42rpx
color: #333333
background: #F5F5F5;
text-align: center
- font-size: 28rpx
+ font-size: 42rpx
font-weight: 500
user-select:none;
-webkit-touch-callout:none;
@@ -1212,7 +1212,7 @@ image-margin-top = 40rpx
background: #e8e8e8
.vio_container
background: transparent
- padding: 28rpx
+ padding: 42rpx
text-align: center
-webkit-touch-callout:none;
-webkit-user-select:none;
@@ -1223,26 +1223,26 @@ image-margin-top = 40rpx
position: fixed;
left: 0;
right: 0;
- bottom: 160rpx; /* 为底部导航栏留出空间 */
+ bottom: 240rpx; /* 为底部导航栏留出空间 */
z-index: 9999; /* 确保高于其他元素 */
.record-tip
font-weight: 400;
color: #909090;
text-align: center;
- padding-bottom: 16rpx
+ padding-bottom: 24rpx
.inputplaceholder {
font-weight: 500;
- font-size: 24rpx;
+ font-size: 36rpx;
color: #000000;
- line-height: 28rpx;
+ line-height: 42rpx;
opacity: 0.4
}
.btn-box
- margin-left: 12rpx;
- width: 70rpx;
- height: 70rpx;
+ margin-left: 18rpx;
+ width: 105rpx;
+ height: 105rpx;
border-radius: 50%
background: #F5F5F5;
display: flex
@@ -1251,12 +1251,12 @@ image-margin-top = 40rpx
.send-btn,
.receive-btn
transition: transform 0.5s ease;
- width: 38rpx;
- height: 38rpx;
+ width: 57rpx;
+ height: 57rpx;
.btn-box-round
- width: 22rpx
- height: 22rpx
- border-radius: 4rpx
+ width: 33rpx
+ height: 33rpx
+ border-radius: 6rpx
background: #FFFFFF
.purple
background: linear-gradient( 225deg, #9E74FD 0%, #256BFA 100%);
@@ -1266,87 +1266,87 @@ image-margin-top = 40rpx
}
.area-tips{
font-weight: 400;
- font-size: 26rpx;
+ font-size: 39rpx;
color: #434343;
- margin-top: 18rpx
+ margin-top: 27rpx
}
.area-file
display: grid
width: 100%
grid-template-columns: repeat(3, 1fr)
- grid-gap: 20rpx
- padding: 20rpx 0 0 0;
+ grid-gap: 30rpx
+ padding: 30rpx 0 0 0;
.file-card
display: flex
flex-direction: column
align-items: center
- padding: 24rpx 0
+ padding: 36rpx 0
background: #F5F5F5;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
+ border-radius: 30rpx 30rpx 30rpx 30rpx;
text
- font-size: 24rpx
+ font-size: 36rpx
font-weight: 500
color: rgba(0,0,0,.5)
- padding-top: 8rpx
+ padding-top: 12rpx
.card-img
- height: 56rpx
- width: 56rpx
+ height: 84rpx
+ width: 84rpx
.file-card:active
background: #e8e8e8
.area-uploadfiles
position: absolute
top: -180rpx
- width: calc(100% - 30rpx)
+ width: calc(100% - 45rpx)
background: #FFFFFF
left: 0
- padding: 10rpx 0 10rpx 30rpx
- box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
+ padding: 15rpx 0 15rpx 45rpx
+ box-shadow: 0rpx -4rpx 15rpx 0rpx rgba(11,44,112,0.06);
.uploadfiles-scroll
height: 100%
.uploadfiles-list
height: 100%
display: flex
- margin-right: 28rpx
+ margin-right: 42rpx
flex-wrap: nowrap
.file-doc
display: flex
align-items: center
justify-content: flex-start
- padding: 16rpx 20rpx 18rpx 20rpx
- height: calc(100% - 40rpx)
+ padding: 24rpx 30rpx 27rpx 30rpx
+ height: calc(100% - 60rpx)
.doc-icon
- width: 60rpx
- height: 76rpx
- margin-right: 20rpx
+ width: 90rpx
+ height: 114rpx
+ margin-right: 30rpx
.doc-con
flex: 1
width: 0
.file-uploadsend
- margin: 10rpx 18rpx 0 0;
+ margin: 15rpx 27rpx 0 0;
height: 100%
- font-size: 24rpx
+ font-size: 36rpx
position: relative
- min-width: 460rpx;
- height: 160rpx;
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- border: 2rpx solid #E2E2E2;
+ min-width: 690rpx;
+ height: 240rpx;
+ border-radius: 18rpx 18rpx 18rpx 18rpx;
+ border: 3rpx solid #E2E2E2;
overflow: hidden
.file-del
position: absolute
- right: 25rpx
- top: 18rpx
+ right: 38rpx
+ top: 27rpx
z-index: 9
border-radius: 50%
display: flex
align-items: center
justify-content: center
transform: translate(50%, -10rpx)
- height: 40rpx
- width: 37rpx;
- height: 37rpx;
+ height: 60rpx
+ width: 56rpx;
+ height: 56rpx;
background: #4B4B4B;
- border: 2rpx solid #FFFFFF;
+ border: 3rpx solid #FFFFFF;
.file-del:active
background: #e8e8e8
.filename-text
@@ -1354,7 +1354,7 @@ image-margin-top = 40rpx
text-overflow: ellipsis
white-space: nowrap
color: #333333
- font-size: 24rpx
+ font-size: 36rpx
font-weight: 500
max-width: 100%
.filename-size
@@ -1369,14 +1369,14 @@ image-margin-top = 40rpx
.filerow
display: flex
align-items: center
- margin-top: 7rpx
+ margin-top: 11rpx
.row-x
- margin: 0 18rpx
- height: 20rpx
- width: 2rpx
+ margin: 0 27rpx
+ height: 30rpx
+ width: 3rpx
background: rgba(226, 226, 226, .9)
.file-border
- width: 160rpx !important;
+ width: 240rpx !important;
/* 更美观的loading动画 - 兼容H5和小程序 */
@keyframes ai-loading-dots {
@@ -1395,7 +1395,7 @@ image-margin-top = 40rpx
display: inline-flex;
align-items: center;
justify-content: center;
- gap: 8rpx;
+ gap: 12rpx;
width: auto;
height: auto;
background: transparent;
@@ -1408,8 +1408,8 @@ image-margin-top = 40rpx
/* 三个点的样式 - 使用标准CSS语法,不使用嵌套 */
.ai-loading view {
display: inline-block;
- width: 12rpx;
- height: 12rpx;
+ width: 18rpx;
+ height: 18rpx;
border-radius: 50%;
background-color: #256BFA;
animation: ai-loading-dots 1.4s ease-in-out infinite both;
@@ -1434,9 +1434,9 @@ image-margin-top = 40rpx
.tab-container {
display: flex;
background: #FFFFFF;
- border-bottom: 2rpx solid #F4F4F4;
- padding: 0 44rpx;
- height: 88rpx;
+ border-bottom: 3rpx solid #F4F4F4;
+ padding: 0 66rpx;
+ height: 132rpx;
align-items: center;
z-index: 10;
}
@@ -1444,11 +1444,11 @@ image-margin-top = 40rpx
.tab-item {
flex: 1;
text-align: center;
- font-size: 28rpx;
+ font-size: 42rpx;
font-weight: 500;
color: #666666;
- line-height: 88rpx;
- height: 88rpx;
+ line-height: 132rpx;
+ height: 132rpx;
position: relative;
transition: all 0.3s ease;
}
@@ -1464,10 +1464,10 @@ image-margin-top = 40rpx
bottom: 0;
left: 50%;
transform: translateX(-50%);
- width: 60rpx;
- height: 4rpx;
+ width: 90rpx;
+ height: 6rpx;
background: #256BFA;
- border-radius: 2rpx;
+ border-radius: 3rpx;
}
.tab-item:active {
diff --git a/packageA/pages/chat/components/fileText.vue b/packageA/pages/chat/components/fileText.vue
index 39e6a0d..17e15c9 100644
--- a/packageA/pages/chat/components/fileText.vue
+++ b/packageA/pages/chat/components/fileText.vue
@@ -31,8 +31,8 @@ const fileAbbreviation = computed(() => {
diff --git a/packageA/pages/chat/components/popupbadFeeback.vue b/packageA/pages/chat/components/popupbadFeeback.vue
index ebdc864..f867037 100644
--- a/packageA/pages/chat/components/popupbadFeeback.vue
+++ b/packageA/pages/chat/components/popupbadFeeback.vue
@@ -1,5 +1,5 @@
-
+
反馈
针对问题
@@ -120,68 +120,68 @@ defineExpose({ open, close });
diff --git a/packageA/pages/choiceness/choiceness.vue b/packageA/pages/choiceness/choiceness.vue
index be17991..4e972d7 100644
--- a/packageA/pages/choiceness/choiceness.vue
+++ b/packageA/pages/choiceness/choiceness.vue
@@ -67,8 +67,8 @@ function seeDetail(item) {
display: flex;
justify-content: space-between;
align-items: center;
- width: 60rpx;
- height: 60rpx;
+ width: 90rpx;
+ height: 90rpx;
image {
height: 100%;
width: 100%;
@@ -76,76 +76,76 @@ function seeDetail(item) {
}
.main{
.main-content{
- padding: 28rpx
+ padding: 42rpx
.cards{
- padding: 32rpx
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- border: 2rpx solid #DCDCDC;
- margin-bottom: 36rpx;
+ padding: 48rpx
+ border-radius: 18rpx 18rpx 18rpx 18rpx;
+ border: 3rpx solid #DCDCDC;
+ margin-bottom: 54rpx;
position: relative;
.card-title{
font-family: PingFang SC, PingFang SC;
font-weight: 600;
- font-size: 32rpx;
+ font-size: 48rpx;
color: #333333;
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
.card-text{
- margin-top: 16rpx
- width: 502rpx;
- height: 80rpx;
+ margin-top: 24rpx
+ width: 753rpx;
+ height: 120rpx;
font-weight: 400;
- font-size: 28rpx;
+ font-size: 42rpx;
color: #6C7282;
}
}
.cards::before{
position: absolute;
- right: 40rpx;
+ right: 60rpx;
top: 50%;
content: '';
- width: 4rpx;
- height: 18rpx;
- border-radius: 2rpx
+ width: 6rpx;
+ height: 27rpx;
+ border-radius: 3rpx
background: #6C7282;
transform: translate(0, -50%) rotate(-45deg) ;
}
.cards::after{
position: absolute;
- right: 40rpx;
- top: calc(50% + 1rpx);
+ right: 60rpx;
+ top: calc(50% + 2rpx);
content: '';
- width: 4rpx;
- height: 18rpx;
- border-radius: 2rpx
+ width: 6rpx;
+ height: 27rpx;
+ border-radius: 3rpx
background: #6C7282;
transform: rotate(45deg)
}
}
.main-header{
- padding: 80rpx 40rpx
+ padding: 120rpx 60rpx
position: relative
.header-title{
font-weight: 400;
- font-size: 56rpx;
+ font-size: 84rpx;
color: #333333;
font-family: DingTalk JinBuTi;
}
.header-text{
font-weight: 400;
- font-size: 32rpx;
+ font-size: 48rpx;
color: rgba(3,3,3,0.5);
- margin-top: 10rpx
+ margin-top: 15rpx
}
.header-img{
position: absolute
right: 0
bottom: 0
// transform: translate(0, -50%)
- width: 280rpx;
- height: 272rpx;
+ width: 420rpx;
+ height: 408rpx;
}
}
}
diff --git a/packageA/pages/choicenessList/choicenessList.vue b/packageA/pages/choicenessList/choicenessList.vue
index 8245d57..2c7c635 100644
--- a/packageA/pages/choicenessList/choicenessList.vue
+++ b/packageA/pages/choicenessList/choicenessList.vue
@@ -102,48 +102,48 @@ function getDataList(type = 'add') {
diff --git a/packageA/pages/collection/collection.vue b/packageA/pages/collection/collection.vue
index c956a85..58ff059 100644
--- a/packageA/pages/collection/collection.vue
+++ b/packageA/pages/collection/collection.vue
@@ -1,5 +1,5 @@
-
+