一体机放大效果开发

pages/service/career-planning.vue

@@ -400,24 +400,24 @@ onMounted(() => {
 <style lang="scss">
 .query-btn {
     width: 100%;
-    height: 80rpx;
-    line-height: 40rpx;
-    border-radius: 14rpx;
+    height: 120rpx;
+    line-height: 60rpx;
+    border-radius: 21rpx;
     background: linear-gradient(180deg, rgba(18, 125, 240, 1) 0%, rgba(59, 14, 123, 0.71) 100%);
     color: rgba(255, 255, 255, 1);
-    font-size: 28rpx;
+    font-size: 42rpx;
     text-align: center;
     font-family: '阿里巴巴普惠体3.0-regular', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
-    border: 2rpx solid rgba(187, 187, 187, 1);
+    border: 3rpx solid rgba(187, 187, 187, 1);
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 12rpx;
+    gap: 18rpx;
     padding: 0;
 }
 
 .empty-text {
-    font-size: 26rpx;
+    font-size: 39rpx;
     text-align: center;
     line-height: 1.5;
 }
@@ -425,32 +425,32 @@ onMounted(() => {
 .input-group {
     display: flex;
     flex-direction: column;
-    gap: 30rpx;
+    gap: 45rpx;
 }
 
 .input-item {
     display: flex;
     flex-direction: column;
-    gap: 12rpx;
+    gap: 18rpx;
 }
 
 .picker-field {
     background-color: #F5F5F5;
-    border: 1rpx solid #E0E0E0;
-    border-radius: 12rpx;
-    padding: 20rpx 24rpx;
+    border: 2rpx solid #E0E0E0;
+    border-radius: 18rpx;
+    padding: 30rpx 36rpx;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 .picker-text {
-    font-size: 28rpx;
+    font-size: 42rpx;
     color: #000000;
 }
 
 .picker-placeholder {
-    font-size: 28rpx;
+    font-size: 42rpx;
     color: #999999;
 }
 
@@ -462,7 +462,7 @@ onMounted(() => {
     /* #ifdef H5 */
     height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
     background: url('@/static/icon/background2.png') 0 0 no-repeat;
-    background-size: 100% 728rpx;
+    background-size: 100% 1092rpx;
     /* #endif */
     /* #ifdef MP-WEIXIN */
     height: 100vh;
@@ -481,7 +481,7 @@ onMounted(() => {
     top: 0;
     left: 0;
     width: 100%;
-    height: 728rpx;
+    height: 1092rpx;
     z-index: 0;
 }
 /* #endif */