fix: 1920-1440计算缩小两边 padding 1440-768等比例缩小

app/app.vue

@@ -35,8 +35,8 @@
 
     const handleResize = () => {
       const width = window.innerWidth
-      if (width >= 768 && width <= 1440) {
-        setDocumentZoom(width / 1440)
+      if (width >= 768 && width < 1440) {
+        setDocumentZoom(width / 1920)
       } else {
         setDocumentZoom(1)
       }

app/assets/icons/wx.svg

@@ -0,0 +1,14 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.6356 14.4776C26.001 14.4813 26.366 14.505 26.7289 14.5487C25.7511 9.98871 20.8889 6.60205 15.3156 6.60205C9.09334 6.60205 4 10.8421 4 16.2198C4 19.331 5.69778 21.882 8.52444 23.8643L7.39556 27.2687L11.3511 25.2865C12.6496 25.6118 13.9781 25.8024 15.3156 25.8554H16.3733C16.146 25.0847 16.0293 24.2856 16.0267 23.482C16.0267 18.5398 20.2756 14.522 25.6445 14.522L25.6356 14.4776ZM19.5556 11.411C19.7442 11.3993 19.9332 11.4278 20.11 11.4947C20.2867 11.5616 20.4473 11.6653 20.5809 11.7989C20.7146 11.9326 20.8183 12.0931 20.8851 12.2699C20.952 12.4467 20.9806 12.6356 20.9689 12.8243C20.9806 13.0129 20.952 13.2019 20.8852 13.3787C20.8183 13.5554 20.7146 13.716 20.5809 13.8496C20.4473 13.9833 20.2867 14.087 20.11 14.1539C19.9332 14.2208 19.7442 14.2493 19.5556 14.2376C19.1446 14.2677 18.7381 14.1372 18.4214 13.8736C18.1047 13.61 17.9027 13.2338 17.8577 12.8243C17.9005 12.4138 18.102 12.0363 18.4192 11.7723C18.7364 11.5082 19.1441 11.3786 19.5556 11.411ZM11.6356 14.2376C11.2232 14.2701 10.8143 14.1407 10.4957 13.8769C10.1771 13.613 9.97382 13.2355 9.92887 12.8243C9.97382 12.4131 10.1772 12.0355 10.4958 11.7717C10.8144 11.5078 11.2232 11.3785 11.6356 11.411C11.8242 11.3993 12.0132 11.4278 12.19 11.4947C12.3667 11.5616 12.5273 11.6653 12.6609 11.7989C12.7945 11.9326 12.8983 12.0931 12.9651 12.2699C13.032 12.4467 13.0606 12.6356 13.0489 12.8243C13.0606 13.0129 13.032 13.2019 12.9652 13.3787C12.8983 13.5554 12.7946 13.716 12.6609 13.8496C12.5273 13.9833 12.3667 14.087 12.19 14.1539C12.0132 14.2208 11.8242 14.2493 11.6356 14.2376Z" fill="url(#paint0_linear_87_1883)"/>
+<path d="M35.9999 23.3045C35.9999 18.7801 31.4399 15.0557 26.3554 15.0557C20.9688 15.0557 16.7288 18.7445 16.7288 23.269C16.7288 27.7934 20.9688 31.4823 26.3554 31.4823C27.5136 31.4446 28.6629 31.2655 29.7776 30.949L32.8799 32.6557L31.991 29.829C34.2754 28.1134 35.9999 25.8557 35.9999 23.3045ZM23.2354 21.8824C22.936 21.8824 22.6489 21.7634 22.4372 21.5517C22.2255 21.34 22.1065 21.0528 22.1065 20.7534C22.1065 20.454 22.2255 20.1669 22.4372 19.9552C22.6489 19.7435 22.936 19.6245 23.2354 19.6245C23.5721 19.5895 23.909 19.6882 24.1734 19.8994C24.4378 20.1106 24.6086 20.4174 24.6488 20.7534C24.6086 21.0895 24.4378 21.3962 24.1734 21.6074C23.909 21.8187 23.5721 21.9174 23.2354 21.8824ZM29.4576 21.8824C29.1582 21.8824 28.8711 21.7634 28.6594 21.5517C28.4477 21.34 28.3287 21.0528 28.3287 20.7534C28.3287 20.454 28.4477 20.1669 28.6594 19.9552C28.8711 19.7435 29.1582 19.6245 29.4576 19.6245C29.7938 19.5918 30.1295 19.6914 30.3934 19.9022C30.6573 20.113 30.8286 20.4184 30.871 20.7534C30.8308 21.0895 30.6601 21.3962 30.3956 21.6075C30.1312 21.8187 29.7943 21.9174 29.4577 21.8823L29.4576 21.8824Z" fill="url(#paint1_linear_87_1883)"/>
+<defs>
+<linearGradient id="paint0_linear_87_1883" x1="4" y1="16.9354" x2="26.7289" y2="16.9354" gradientUnits="userSpaceOnUse">
+<stop stop-color="#779EFF"/>
+<stop offset="1" stop-color="#0A50FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_87_1883" x1="16.7288" y1="23.8557" x2="35.9999" y2="23.8557" gradientUnits="userSpaceOnUse">
+<stop stop-color="#779EFF"/>
+<stop offset="1" stop-color="#0A50FF"/>
+</linearGradient>
+</defs>
+</svg>

app/assets/scss/vars.scss

@@ -51,8 +51,8 @@
   padding-right: 20px;
 
   @media screen and (min-width: 992px) {
-    padding-left: 60px;
-    padding-right: 60px;
+    padding-left: 240px;
+    padding-right: 240px;
   }
 
   @media screen and (min-width: 1440px) {

app/components/ConsultationModal.vue

@@ -134,12 +134,12 @@
               <!-- QR Code Section -->
               <div class="relative mt-48px flex flex-col gap-13px">
                 <div class="wh-40px bg-white rounded-10px flex-center">
-                  <i class="i-custom-message wh-28px"></i>
+                  <i class="i-custom-wx wh-28px"></i>
                 </div>
                 <div class="font-s-16px text-#091221/70 pf-sc-regular">
-                  微信扫码添加“绘家科技”企业微信
+                  微信扫码关注“绘家科技”微信公众号
                 </div>
-                <div class="text-#0F67F8 font-s-28px">一对一专人服务</div>
+                <div class="text-#0F67F8 font-s-28px">扫码了解绘家</div>
                 <i class="i-custom-qrcode wh-136px"></i>
               </div>
             </div>